diff --git a/CV.styles.css b/CV.styles.css new file mode 100644 index 0000000..aee8268 --- /dev/null +++ b/CV.styles.css @@ -0,0 +1,12069 @@ +/* /Pages/Inicio.razor.rz.scp.css */ +/*@charset "UTF-8";*/ +/* ##a697a9 */ +/*:root { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #1086c5; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #e9ecef; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #1086c5; + --bs-secondary: #6c757d; + --bs-success: #198754; + --bs-info: #0dcaf0; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-primary-rgb: 16, 134, 197; + --bs-secondary-rgb: 108, 117, 125; + --bs-success-rgb: 25, 135, 84; + --bs-info-rgb: 13, 202, 240; + --bs-warning-rgb: 255, 193, 7; + --bs-danger-rgb: 220, 53, 69; + --bs-light-rgb: 248, 249, 250; + --bs-dark-rgb: 33, 37, 41; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-body-color-rgb: 33, 37, 41; + --bs-body-bg-rgb: 255, 255, 255; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: Muli, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #212529; + --bs-body-bg: #fff; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} + +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +hr { + margin: 1rem 0; + color: inherit; + background-color: currentColor; + border: 0; + opacity: 0.25; +} + + hr:not([size]) { + height: 1px; + } + +h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { + margin-top: 0; + margin-bottom: 0.5rem; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: 700; + line-height: 1.2; + color: #343a40; +} + +h1, .h1 { + font-size: calc(1.725rem + 5.7vw); +} + +@media (min-width: 1200px) { + h1, .h1 { + font-size: 6rem; + } +} + +h2, .h2 { + font-size: calc(1.475rem + 2.7vw); +} + +@media (min-width: 1200px) { + h2, .h2 { + font-size: 3.5rem; + } +} + +h3, .h3 { + font-size: calc(1.325rem + 0.9vw); +} + +@media (min-width: 1200px) { + h3, .h3 { + font-size: 2rem; + } +} + +h4, .h4 { + font-size: calc(1.275rem + 0.3vw); +} + +@media (min-width: 1200px) { + h4, .h4 { + font-size: 1.5rem; + } +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-bs-original-title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul { + padding-left: 2rem; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + + ol ol, + ul ul, + ol ul, + ul ol { + margin-bottom: 0; + } + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small, .small { + font-size: 0.875em; +} + +mark, .mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #1086c5; + text-decoration: underline; +} + + a:hover { + color: #b34fc2; + } + + a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; + } + +pre, +code, +kbd, +samp { + font-family: var(--bs-font-monospace); + font-size: 1em; + direction: ltr*/ /* rtl:ignore *//*; + unicode-bidi: bidi-override; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; +} + + pre code { + font-size: inherit; + color: inherit; + word-break: normal; + } + +code { + font-size: 0.875em; + color: #d63384; + word-wrap: break-word; +} + +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 0.875em; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; +} + + kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 700; + } + +figure { + margin: 0 0 1rem; +} + +img, +svg { + vertical-align: middle; +} + +table { + caption-side: bottom; + border-collapse: collapse; +} + +caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: #6c757d; + text-align: left; +} + +th { + text-align: inherit; + text-align: -webkit-match-parent; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + +label { + display: inline-block; +} + +button { + border-radius: 0; +} + + button:focus:not(:focus-visible) { + outline: 0; + } + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +select { + text-transform: none; +} + +[role=button] { + cursor: pointer; +} + +select { + word-wrap: normal; +} + + select:disabled { + opacity: 1; + } + +[list]::-webkit-calendar-picker-indicator { + display: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + + button:not(:disabled), + [type=button]:not(:disabled), + [type=reset]:not(:disabled), + [type=submit]:not(:disabled) { + cursor: pointer; + } + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; +} + +@media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } +} + +legend + * { + clear: left; +} + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; +} + +::-webkit-inner-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: textfield; +}*/ + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ +/*::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-color-swatch-wrapper { + padding: 0; +} + +::-webkit-file-upload-button { + font: inherit; +} + +::file-selector-button { + font: inherit; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +iframe { + border: 0; +} + +summary { + display: list-item; + cursor: pointer; +} + +progress { + vertical-align: baseline; +} + +[hidden] { + display: none !important; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} + +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } +} + +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} + +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } +} + +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} + +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + + .list-inline-item:not(:last-child) { + margin-right: 0.5rem; + } + +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + + .blockquote > :last-child { + margin-bottom: 0; + } + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; +} + + .blockquote-footer::before { + content: "— "; + } + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.875em; + color: #6c757d; +} + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + width: 100%; + padding-right: var(--bs-gutter-x, 0.75rem); + padding-left: var(--bs-gutter-x, 0.75rem); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} + +@media (min-width: 1400px) { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; + } +} + +.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); +} + + .row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); + } + +.col { + flex: 1 0 0%; +} + +.row-cols-auto > * { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1 > * { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.33333333%; +} + +.offset-2 { + margin-left: 16.66666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333333%; +} + +.offset-5 { + margin-left: 41.66666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333333%; +} + +.offset-8 { + margin-left: 66.66666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333333%; +} + +.offset-11 { + margin-left: 91.66666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 1rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 1rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1.5rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1.5rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 3rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 3rem; +} + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.33333333%; + } + + .offset-sm-2 { + margin-left: 16.66666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.33333333%; + } + + .offset-sm-5 { + margin-left: 41.66666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.33333333%; + } + + .offset-sm-8 { + margin-left: 66.66666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.33333333%; + } + + .offset-sm-11 { + margin-left: 91.66666667%; + } + + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 1rem; + } + + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 1rem; + } + + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 3rem; + } + + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.33333333%; + } + + .offset-md-2 { + margin-left: 16.66666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.33333333%; + } + + .offset-md-5 { + margin-left: 41.66666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.33333333%; + } + + .offset-md-8 { + margin-left: 66.66666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.33333333%; + } + + .offset-md-11 { + margin-left: 91.66666667%; + } + + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.33333333%; + } + + .offset-lg-2 { + margin-left: 16.66666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.33333333%; + } + + .offset-lg-5 { + margin-left: 41.66666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.33333333%; + } + + .offset-lg-8 { + margin-left: 66.66666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.33333333%; + } + + .offset-lg-11 { + margin-left: 91.66666667%; + } + + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.33333333%; + } + + .offset-xl-2 { + margin-left: 16.66666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.33333333%; + } + + .offset-xl-5 { + margin-left: 41.66666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.33333333%; + } + + .offset-xl-8 { + margin-left: 66.66666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.33333333%; + } + + .offset-xl-11 { + margin-left: 91.66666667%; + } + + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-xxl-0 { + margin-left: 0; + } + + .offset-xxl-1 { + margin-left: 8.33333333%; + } + + .offset-xxl-2 { + margin-left: 16.66666667%; + } + + .offset-xxl-3 { + margin-left: 25%; + } + + .offset-xxl-4 { + margin-left: 33.33333333%; + } + + .offset-xxl-5 { + margin-left: 41.66666667%; + } + + .offset-xxl-6 { + margin-left: 50%; + } + + .offset-xxl-7 { + margin-left: 58.33333333%; + } + + .offset-xxl-8 { + margin-left: 66.66666667%; + } + + .offset-xxl-9 { + margin-left: 75%; + } + + .offset-xxl-10 { + margin-left: 83.33333333%; + } + + .offset-xxl-11 { + margin-left: 91.66666667%; + } + + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } +} + +.table { + --bs-table-bg: transparent; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #212529; + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: #212529; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #212529; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: #212529; + vertical-align: top; + border-color: #dee2e6; +} + + .table > :not(caption) > * > * { + padding: 0.5rem 0.5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + } + + .table > tbody { + vertical-align: inherit; + } + + .table > thead { + vertical-align: bottom; + } + + .table > :not(:first-child) { + border-top: 2px solid currentColor; + } + +.caption-top { + caption-side: top; +} + +.table-sm > :not(caption) > * > * { + padding: 0.25rem 0.25rem; +} + +.table-bordered > :not(caption) > * { + border-width: 1px 0; +} + + .table-bordered > :not(caption) > * > * { + border-width: 0 1px; + } + +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; +} + +.table-borderless > :not(:first-child) { + border-top-width: 0; +} + +.table-striped > tbody > tr:nth-of-type(odd) > * { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} + +.table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); +} + +.table-hover > tbody > tr:hover > * { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); +} + +.table-primary { + --bs-table-bg: #f2dfd7; + --bs-table-striped-bg: #e6d4cc; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dac9c2; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e0cec7; + --bs-table-hover-color: #000; + color: #000; + border-color: #dac9c2; +} + +.table-secondary { + --bs-table-bg: #e2e3e5; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: #000; + border-color: #cbccce; +} + +.table-success { + --bs-table-bg: #d1e7dd; + --bs-table-striped-bg: #c7dbd2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bcd0c7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d6cc; + --bs-table-hover-color: #000; + color: #000; + border-color: #bcd0c7; +} + +.table-info { + --bs-table-bg: #cff4fc; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: #000; + border-color: #badce3; +} + +.table-warning { + --bs-table-bg: #fff3cd; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: #000; + border-color: #e6dbb9; +} + +.table-danger { + --bs-table-bg: #f8d7da; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfc2c4; +} + +.table-light { + --bs-table-bg: #f8f9fa; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfe0e1; +} + +.table-dark { + --bs-table-bg: #212529; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #373b3e; +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +.form-label { + margin-bottom: 0.5rem; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; +} + +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: #6c757d; +} + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control[type=file] { + overflow: hidden; +} + + .form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; + } + +.form-control:focus { + color: #212529; + background-color: #fff; + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.25); +} + +.form-control::-webkit-date-and-time-value { + height: 1.5em; +} + +.form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; + } + + .form-control::file-selector-button { + transition: none; + } +} + +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} + +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #dde0e3; +} + +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; + } +} + +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + + .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; + } + +.form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + + .form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; + } + + .form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; + } + + .form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; + } + +.form-control-lg { + min-height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + + .form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; + } + + .form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; + } + + .form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; + } + +textarea.form-control { + min-height: calc(1.5em + 0.75rem + 2px); +} + +textarea.form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); +} + +textarea.form-control-lg { + min-height: calc(1.5em + 1rem + 2px); +} + +.form-control-color { + width: 3rem; + height: auto; + padding: 0.375rem; +} + + .form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; + } + + .form-control-color::-moz-color-swatch { + height: 1.5em; + border-radius: 0.25rem; + } + + .form-control-color::-webkit-color-swatch { + height: 1.5em; + border-radius: 0.25rem; + } + +.form-select { + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} + +.form-select:focus { + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.25); +} + +.form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; +} + +.form-select:disabled { + background-color: #e9ecef; +} + +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #212529; +} + +.form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + +.form-select-lg { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; +} + + .form-check .form-check-input { + float: left; + margin-left: -1.5em; + } + +.form-check-input { + width: 1em; + height: 1em; + margin-top: 0.25em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: 1px solid rgba(0, 0, 0, 0.25); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; +} + + .form-check-input[type=checkbox] { + border-radius: 0.25em; + } + + .form-check-input[type=radio] { + border-radius: 50%; + } + + .form-check-input:active { + filter: brightness(90%); + } + + .form-check-input:focus { + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.25); + } + + .form-check-input:checked { + background-color: #1086c5; + border-color: #1086c5; + } + + .form-check-input:checked[type=checkbox] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); + } + + .form-check-input:checked[type=radio] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); + } + + .form-check-input[type=checkbox]:indeterminate { + background-color: #1086c5; + border-color: #1086c5; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); + } + + .form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; + } + + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + opacity: 0.5; + } + +.form-switch { + padding-left: 2.5em; +} + + .form-switch .form-check-input { + width: 2em; + margin-left: -2.5em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s ease-in-out; + } + +@media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } +} + +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23deae9c'/%3e%3c/svg%3e"); +} + +.form-switch .form-check-input:checked { + background-position: right center; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} + +.form-check-inline { + display: inline-block; + margin-right: 1rem; +} + +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + + .btn-check[disabled] + .btn, .btn-check:disabled + .btn { + pointer-events: none; + filter: none; + opacity: 0.65; + } + +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + + .form-range:focus { + outline: 0; + } + + .form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 134, 197, 0.25); + } + + .form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 134, 197, 0.25); + } + + .form-range::-moz-focus-outer { + border: 0; + } + + .form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #1086c5; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; + } + +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; + } +} + +.form-range::-webkit-slider-thumb:active { + background-color: #ebcec3; +} + +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #1086c5; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; + } +} + +.form-range::-moz-range-thumb:active { + background-color: #ebcec3; +} + +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.form-range:disabled { + pointer-events: none; +} + + .form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; + } + + .form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; + } + +.form-floating { + position: relative; +} + + .form-floating > .form-control, + .form-floating > .form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; + } + + .form-floating > label { + position: absolute; + top: 0; + left: 0; + height: 100%; + padding: 1rem 0.75rem; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + } + +@media (prefers-reduced-motion: reduce) { + .form-floating > label { + transition: none; + } +} + +.form-floating > .form-control { + padding: 1rem 0.75rem; +} + + .form-floating > .form-control::-moz-placeholder { + color: transparent; + } + + .form-floating > .form-control:-ms-input-placeholder { + color: transparent; + } + + .form-floating > .form-control::placeholder { + color: transparent; + } + + .form-floating > .form-control:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + + .form-floating > .form-control:not(:-ms-input-placeholder) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + + .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + + .form-floating > .form-control:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + +.form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating > .form-control:not(:-ms-input-placeholder) ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-select ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating > .form-control:-webkit-autofill ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + + .input-group > .form-control, + .input-group > .form-select { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; + } + + .input-group > .form-control:focus, + .input-group > .form-select:focus { + z-index: 3; + } + + .input-group .btn { + position: relative; + z-index: 2; + } + + .input-group .btn:focus { + z-index: 3; + } + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 3rem; +} + +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #198754; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: rgba(25, 135, 84, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #198754; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #198754; + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); + } + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:valid, .form-select.is-valid { + border-color: #198754; +} + + .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + } + + .was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: #198754; + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); + } + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: #198754; +} + + .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: #198754; + } + + .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); + } + + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #198754; + } + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, +.was-validated .input-group .form-select:valid, +.input-group .form-select.is-valid { + z-index: 1; +} + + .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, + .was-validated .input-group .form-select:valid:focus, + .input-group .form-select.is-valid:focus { + z-index: 3; + } + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #dc3545; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #dc3545; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); + } + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: #dc3545; +} + + .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + } + + .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); + } + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: #dc3545; +} + + .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: #dc3545; + } + + .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); + } + + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; + } + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, +.was-validated .input-group .form-select:invalid, +.input-group .form-select.is-invalid { + z-index: 2; +} + + .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, + .was-validated .input-group .form-select:invalid:focus, + .input-group .form-select.is-invalid:focus { + z-index: 3; + } + +.btn { + display: inline-block; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: #212529; +} + +.btn-check:focus + .btn, .btn:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.25); +} + +.btn:disabled, .btn.disabled, fieldset:disabled .btn { + pointer-events: none; + opacity: 0.65; +} + +.btn-primary { + color: #000; + background-color: #1086c5; + border-color: #1086c5; +} + + .btn-primary:hover { + color: #000; + background-color: #c77556; + border-color: #c46d4c; + } + + .btn-check:focus + .btn-primary, .btn-primary:focus { + color: #000; + background-color: #c77556; + border-color: #c46d4c; + box-shadow: 0 0 0 0.25rem rgba(161, 79, 48, 0.5); + } + + .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { + color: #000; + background-color: #ca7d60; + border-color: #c46d4c; + } + + .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(161, 79, 48, 0.5); + } + + .btn-primary:disabled, .btn-primary.disabled { + color: #000; + background-color: #1086c5; + border-color: #1086c5; + } + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + + .btn-secondary:hover { + color: #fff; + background-color: #5c636a; + border-color: #565e64; + } + + .btn-check:focus + .btn-secondary, .btn-secondary:focus { + color: #fff; + background-color: #5c636a; + border-color: #565e64; + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); + } + + .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #565e64; + border-color: #51585e; + } + + .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); + } + + .btn-secondary:disabled, .btn-secondary.disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; + } + +.btn-success { + color: #fff; + background-color: #198754; + border-color: #198754; +} + + .btn-success:hover { + color: #fff; + background-color: #157347; + border-color: #146c43; + } + + .btn-check:focus + .btn-success, .btn-success:focus { + color: #fff; + background-color: #157347; + border-color: #146c43; + box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); + } + + .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #146c43; + border-color: #13653f; + } + + .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); + } + + .btn-success:disabled, .btn-success.disabled { + color: #fff; + background-color: #198754; + border-color: #198754; + } + +.btn-info { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} + + .btn-info:hover { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; + } + + .btn-check:focus + .btn-info, .btn-info:focus { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; + box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); + } + + .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { + color: #000; + background-color: #3dd5f3; + border-color: #25cff2; + } + + .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); + } + + .btn-info:disabled, .btn-info.disabled { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; + } + +.btn-warning { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} + + .btn-warning:hover { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; + } + + .btn-check:focus + .btn-warning, .btn-warning:focus { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; + box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); + } + + .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { + color: #000; + background-color: #ffcd39; + border-color: #ffc720; + } + + .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); + } + + .btn-warning:disabled, .btn-warning.disabled { + color: #000; + background-color: #ffc107; + border-color: #ffc107; + } + +.btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + + .btn-danger:hover { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; + } + + .btn-check:focus + .btn-danger, .btn-danger:focus { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; + box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); + } + + .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #b02a37; + border-color: #a52834; + } + + .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); + } + + .btn-danger:disabled, .btn-danger.disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; + } + +.btn-light { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + + .btn-light:hover { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + } + + .btn-check:focus + .btn-light, .btn-light:focus { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); + } + + .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + } + + .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); + } + + .btn-light:disabled, .btn-light.disabled { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; + } + +.btn-dark { + color: #fff; + background-color: #212529; + border-color: #212529; +} + + .btn-dark:hover { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; + } + + .btn-check:focus + .btn-dark, .btn-dark:focus { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); + } + + .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1a1e21; + border-color: #191c1f; + } + + .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); + } + + .btn-dark:disabled, .btn-dark.disabled { + color: #fff; + background-color: #212529; + border-color: #212529; + } + +.btn-outline-primary { + color: #1086c5; + border-color: #1086c5; +} + + .btn-outline-primary:hover { + color: #000; + background-color: #1086c5; + border-color: #1086c5; + } + + .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.5); + } + + .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { + color: #000; + background-color: #1086c5; + border-color: #1086c5; + } + + .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.5); + } + + .btn-outline-primary:disabled, .btn-outline-primary.disabled { + color: #1086c5; + background-color: transparent; + } + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} + + .btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; + } + + .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { + box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); + } + + .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; + } + + .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); + } + + .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { + color: #6c757d; + background-color: transparent; + } + +.btn-outline-success { + color: #198754; + border-color: #198754; +} + + .btn-outline-success:hover { + color: #fff; + background-color: #198754; + border-color: #198754; + } + + .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); + } + + .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { + color: #fff; + background-color: #198754; + border-color: #198754; + } + + .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); + } + + .btn-outline-success:disabled, .btn-outline-success.disabled { + color: #198754; + background-color: transparent; + } + +.btn-outline-info { + color: #0dcaf0; + border-color: #0dcaf0; +} + + .btn-outline-info:hover { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; + } + + .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { + box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); + } + + .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; + } + + .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); + } + + .btn-outline-info:disabled, .btn-outline-info.disabled { + color: #0dcaf0; + background-color: transparent; + } + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} + + .btn-outline-warning:hover { + color: #000; + background-color: #ffc107; + border-color: #ffc107; + } + + .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { + box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); + } + + .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { + color: #000; + background-color: #ffc107; + border-color: #ffc107; + } + + .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); + } + + .btn-outline-warning:disabled, .btn-outline-warning.disabled { + color: #ffc107; + background-color: transparent; + } + +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; +} + + .btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; + } + + .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); + } + + .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; + } + + .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); + } + + .btn-outline-danger:disabled, .btn-outline-danger.disabled { + color: #dc3545; + background-color: transparent; + } + +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} + + .btn-outline-light:hover { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; + } + + .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { + box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); + } + + .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; + } + + .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); + } + + .btn-outline-light:disabled, .btn-outline-light.disabled { + color: #f8f9fa; + background-color: transparent; + } + +.btn-outline-dark { + color: #212529; + border-color: #212529; +} + + .btn-outline-dark:hover { + color: #fff; + background-color: #212529; + border-color: #212529; + } + + .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { + box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); + } + + .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { + color: #fff; + background-color: #212529; + border-color: #212529; + } + + .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); + } + + .btn-outline-dark:disabled, .btn-outline-dark.disabled { + color: #212529; + background-color: transparent; + } + +.btn-link { + font-weight: 400; + color: #1086c5; + text-decoration: underline; +} + + .btn-link:hover { + color: #974a2d; + } + + .btn-link:disabled, .btn-link.disabled { + color: #6c757d; + } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} + +.dropup, +.dropend, +.dropdown, +.dropstart { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} + + .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; + } + + .dropdown-toggle:empty::after { + margin-left: 0; + } + +.dropdown-menu { + position: absolute; + z-index: 1000; + display: none; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} + + .dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: 0.125rem; + } + +.dropdown-menu-start { + --bs-position: start; +} + + .dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; + } + +.dropdown-menu-end { + --bs-position: end; +} + + .dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; + } + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-sm-end { + --bs-position: end; + } + + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-md-end { + --bs-position: end; + } + + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-lg-end { + --bs-position: end; + } + + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xl-end { + --bs-position: end; + } + + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xxl-end { + --bs-position: end; + } + + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} + +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-toggle::after { + vertical-align: 0; +} + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} + +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropstart .dropdown-toggle::after { + display: none; +} + +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid rgba(0, 0, 0, 0.15); +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; +} + + .dropdown-item:hover, .dropdown-item:focus { + color: #1e2125; + background-color: #e9ecef; + } + + .dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #1086c5; + } + + .dropdown-item.disabled, .dropdown-item:disabled { + color: #adb5bd; + pointer-events: none; + background-color: transparent; + } + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1rem; + color: #212529; +} + +.dropdown-menu-dark { + color: #dee2e6; + background-color: #343a40; + border-color: rgba(0, 0, 0, 0.15); +} + + .dropdown-menu-dark .dropdown-item { + color: #dee2e6; + } + + .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { + color: #fff; + background-color: rgba(255, 255, 255, 0.15); + } + + .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { + color: #fff; + background-color: #1086c5; + } + + .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { + color: #adb5bd; + } + + .dropdown-menu-dark .dropdown-divider { + border-color: rgba(0, 0, 0, 0.15); + } + + .dropdown-menu-dark .dropdown-item-text { + color: #dee2e6; + } + + .dropdown-menu-dark .dropdown-header { + color: #adb5bd; + } + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; + } + + .btn-group > .btn-check:checked + .btn, + .btn-group > .btn-check:focus + .btn, + .btn-group > .btn:hover, + .btn-group > .btn:focus, + .btn-group > .btn:active, + .btn-group > .btn.active, + .btn-group-vertical > .btn-check:checked + .btn, + .btn-group-vertical > .btn-check:focus + .btn, + .btn-group-vertical > .btn:hover, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 1; + } + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + + .btn-toolbar .input-group { + width: auto; + } + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} + +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn:nth-child(n+3), +.btn-group > :not(.btn-check) + .btn, +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + + .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { + margin-left: 0; + } + +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + + .btn-group-vertical > .btn, + .btn-group-vertical > .btn-group { + width: 100%; + } + + .btn-group-vertical > .btn:not(:first-child), + .btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; + } + + .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), + .btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .btn-group-vertical > .btn ~ .btn, + .btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; + color: #1086c5; + text-decoration: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} + +.nav-link:hover, .nav-link:focus { + color: #974a2d; +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + + .nav-tabs .nav-link { + margin-bottom: -1px; + background: none; + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; + isolation: isolate; + } + + .nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; + } + + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; + } + + .nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + +.nav-pills .nav-link { + background: none; + border: 0; + border-radius: 0.25rem; +} + + .nav-pills .nav-link.active, + .nav-pills .show > .nav-link { + color: #fff; + background-color: #1086c5; + } + +.nav-fill > .nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified > .nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + + .nav-fill .nav-item .nav-link, + .nav-justified .nav-item .nav-link { + width: 100%; + } + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + + .navbar > .container, + .navbar > .container-fluid, + .navbar > .container-sm, + .navbar > .container-md, + .navbar > .container-lg, + .navbar > .container-xl, + .navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; + } + +.navbar-brand { + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + text-decoration: none; + white-space: nowrap; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + + .navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; + } + + .navbar-nav .dropdown-menu { + position: static; + } + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; + transition: box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } +} + +.navbar-toggler:hover { + text-decoration: none; +} + +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 0.25rem; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-sm .navbar-toggler { + display: none; + } + + .navbar-expand-sm .offcanvas-header { + display: none; + } + + .navbar-expand-sm .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + + .navbar-expand-sm .offcanvas-top, + .navbar-expand-sm .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-md .navbar-toggler { + display: none; + } + + .navbar-expand-md .offcanvas-header { + display: none; + } + + .navbar-expand-md .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + + .navbar-expand-md .offcanvas-top, + .navbar-expand-md .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } + + .navbar-expand-lg .offcanvas-header { + display: none; + } + + .navbar-expand-lg .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + + .navbar-expand-lg .offcanvas-top, + .navbar-expand-lg .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } + + .navbar-expand-xl .offcanvas-header { + display: none; + } + + .navbar-expand-xl .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + + .navbar-expand-xl .offcanvas-top, + .navbar-expand-xl .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xxl .navbar-toggler { + display: none; + } + + .navbar-expand-xxl .offcanvas-header { + display: none; + } + + .navbar-expand-xxl .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + + .navbar-expand-xxl .offcanvas-top, + .navbar-expand-xxl .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} + + .navbar-expand .navbar-nav { + flex-direction: row; + } + + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand .navbar-toggler { + display: none; + } + + .navbar-expand .offcanvas-header { + display: none; + } + + .navbar-expand .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + + .navbar-expand .offcanvas-top, + .navbar-expand .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + + .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); + } + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.55); +} + + .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); + } + + .navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); + } + + .navbar-light .navbar-nav .show > .nav-link, + .navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); + } + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.55); + border-color: rgba(0, 0, 0, 0.1); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.55); +} + + .navbar-light .navbar-text a, + .navbar-light .navbar-text a:hover, + .navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); + } + +.navbar-dark .navbar-brand { + color: #fff; +} + + .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fff; + } + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.55); +} + + .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); + } + + .navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); + } + + .navbar-dark .navbar-nav .show > .nav-link, + .navbar-dark .navbar-nav .nav-link.active { + color: #fff; + } + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.55); + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.55); +} + + .navbar-dark .navbar-text a, + .navbar-dark .navbar-text a:hover, + .navbar-dark .navbar-text a:focus { + color: #fff; + } + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + + .card > hr { + margin-right: 0; + margin-left: 0; + } + + .card > .list-group { + border-top: inherit; + border-bottom: inherit; + } + + .card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); + } + + .card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); + } + + .card > .card-header + .list-group, + .card > .list-group + .card-footer { + border-top: 0; + } + +.card-body { + flex: 1 1 auto; + padding: 1rem 1rem; +} + +.card-title { + margin-bottom: 0.5rem; +} + +.card-subtitle { + margin-top: -0.25rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link + .card-link { + margin-left: 1rem; +} + +.card-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + + .card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; + } + +.card-footer { + padding: 0.5rem 1rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); +} + + .card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); + } + +.card-header-tabs { + margin-right: -0.5rem; + margin-bottom: -0.5rem; + margin-left: -0.5rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.5rem; + margin-left: -0.5rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1rem; + border-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-group > .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: 1rem 1.25rem; + font-size: 1rem; + color: #212529; + text-align: left; + background-color: #fff; + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} + +.accordion-button:not(.collapsed) { + color: #aa5432; + background-color: #f8efeb; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); +} + + .accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aa5432'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transform: rotate(-180deg); + } + +.accordion-button::after { + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + margin-left: auto; + content: ""; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 1.25rem; + transition: transform 0.2s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} + +.accordion-button:hover { + z-index: 2; +} + +.accordion-button:focus { + z-index: 3; + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.25); +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + + .accordion-item:first-of-type { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .accordion-item:first-of-type .accordion-button { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); + } + + .accordion-item:not(:first-of-type) { + border-top: 0; + } + + .accordion-item:last-of-type { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); + } + + .accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + +.accordion-body { + padding: 1rem 1.25rem; +} + +.accordion-flush .accordion-collapse { + border-width: 0; +} + +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + + .accordion-flush .accordion-item:first-child { + border-top: 0; + } + + .accordion-flush .accordion-item:last-child { + border-bottom: 0; + } + + .accordion-flush .accordion-item .accordion-button { + border-radius: 0; + } + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0 0; + margin-bottom: 1rem; + list-style: none; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} + + .breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: 0.5rem; + color: #6c757d; + content: var(--bs-breadcrumb-divider, "/")*/ /* rtl: var(--bs-breadcrumb-divider, "/") *//*; + } + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; +} + +.page-link { + position: relative; + display: block; + color: #1086c5; + text-decoration: none; + background-color: #fff; + border: 1px solid #dee2e6; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} + +.page-link:hover { + z-index: 2; + color: #974a2d; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 3; + color: #974a2d; + background-color: #e9ecef; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.25); +} + +.page-item:not(:first-child) .page-link { + margin-left: -1px; +} + +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #1086c5; + border-color: #1086c5; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + background-color: #fff; + border-color: #dee2e6; +} + +.page-link { + padding: 0.375rem 0.75rem; +} + +.page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.badge { + display: inline-block; + padding: 0.35em 0.65em; + font-size: 0.75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + + .badge:empty { + display: none; + } + +.btn .badge { + position: relative; + top: -1px; +} + +.alert { + position: relative; + padding: 1rem 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3rem; +} + + .alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; + } + +.alert-primary { + color: #713822; + background-color: #f2dfd7; + border-color: #ebcec3; +} + + .alert-primary .alert-link { + color: #5a2d1b; + } + +.alert-secondary { + color: #41464b; + background-color: #e2e3e5; + border-color: #d3d6d8; +} + + .alert-secondary .alert-link { + color: #34383c; + } + +.alert-success { + color: #0f5132; + background-color: #d1e7dd; + border-color: #badbcc; +} + + .alert-success .alert-link { + color: #0c4128; + } + +.alert-info { + color: #055160; + background-color: #cff4fc; + border-color: #b6effb; +} + + .alert-info .alert-link { + color: #04414d; + } + +.alert-warning { + color: #664d03; + background-color: #fff3cd; + border-color: #ffecb5; +} + + .alert-warning .alert-link { + color: #523e02; + } + +.alert-danger { + color: #842029; + background-color: #f8d7da; + border-color: #f5c2c7; +} + + .alert-danger .alert-link { + color: #6a1a21; + } + +.alert-light { + color: #636464; + background-color: #fefefe; + border-color: #fdfdfe; +} + + .alert-light .alert-link { + color: #4f5050; + } + +.alert-dark { + color: #141619; + background-color: #d3d3d4; + border-color: #bcbebf; +} + + .alert-dark .alert-link { + color: #101214; + } + +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #1086c5; + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: 0.25rem; +} + +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} + + .list-group-numbered > li::before { + content: counters(section, ".") ". "; + counter-increment: section; + } + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + + .list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; + } + + .list-group-item-action:active { + color: #212529; + background-color: #e9ecef; + } + +.list-group-item { + position: relative; + display: block; + padding: 0.5rem 1rem; + color: #212529; + text-decoration: none; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + + .list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; + } + + .list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; + } + + .list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; + } + + .list-group-item.active { + z-index: 2; + color: #fff; + background-color: #1086c5; + border-color: #1086c5; + } + + .list-group-item + .list-group-item { + border-top-width: 0; + } + + .list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; + } + +.list-group-horizontal { + flex-direction: row; +} + + .list-group-horizontal > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + + .list-group-horizontal-xl > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xl > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + + .list-group-horizontal-xxl > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xxl > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +.list-group-flush { + border-radius: 0; +} + + .list-group-flush > .list-group-item { + border-width: 0 0 1px; + } + + .list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; + } + +.list-group-item-primary { + color: #713822; + background-color: #f2dfd7; +} + + .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #713822; + background-color: #dac9c2; + } + + .list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #713822; + border-color: #713822; + } + +.list-group-item-secondary { + color: #41464b; + background-color: #e2e3e5; +} + + .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #41464b; + background-color: #cbccce; + } + + .list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #41464b; + border-color: #41464b; + } + +.list-group-item-success { + color: #0f5132; + background-color: #d1e7dd; +} + + .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #0f5132; + background-color: #bcd0c7; + } + + .list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #0f5132; + border-color: #0f5132; + } + +.list-group-item-info { + color: #055160; + background-color: #cff4fc; +} + + .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #055160; + background-color: #badce3; + } + + .list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #055160; + border-color: #055160; + } + +.list-group-item-warning { + color: #664d03; + background-color: #fff3cd; +} + + .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #664d03; + background-color: #e6dbb9; + } + + .list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #664d03; + border-color: #664d03; + } + +.list-group-item-danger { + color: #842029; + background-color: #f8d7da; +} + + .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #842029; + background-color: #dfc2c4; + } + + .list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #842029; + border-color: #842029; + } + +.list-group-item-light { + color: #636464; + background-color: #fefefe; +} + + .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636464; + background-color: #e5e5e5; + } + + .list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #636464; + border-color: #636464; + } + +.list-group-item-dark { + color: #141619; + background-color: #d3d3d4; +} + + .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #141619; + background-color: #bebebf; + } + + .list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #141619; + border-color: #141619; + } + +.btn-close { + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #000; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.25rem; + opacity: 0.5; +} + + .btn-close:hover { + color: #000; + text-decoration: none; + opacity: 0.75; + } + + .btn-close:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(16, 134, 197, 0.25); + opacity: 1; + } + + .btn-close:disabled, .btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: 0.25; + } + +.btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); +} + +.toast { + width: 350px; + max-width: 100%; + font-size: 0.875rem; + pointer-events: auto; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} + + .toast.showing { + opacity: 0; + } + + .toast:not(.show) { + display: none; + } + +.toast-container { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} + + .toast-container > :not(:last-child) { + margin-bottom: 0.75rem; + } + +.toast-header { + display: flex; + align-items: center; + padding: 0.5rem 0.75rem; + color: #6c757d; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + + .toast-header .btn-close { + margin-right: -0.375rem; + margin-left: 0.75rem; + } + +.toast-body { + padding: 0.75rem; + word-wrap: break-word; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1055; + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: none; +} + +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + height: calc(100% - 1rem); +} + + .modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; + } + + .modal-dialog-scrollable .modal-body { + overflow-y: auto; + } + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + width: 100vw; + height: 100vh; + background-color: #000; +} + + .modal-backdrop.fade { + opacity: 0; + } + + .modal-backdrop.show { + opacity: 0.5; + } + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + + .modal-header .btn-close { + padding: 0.5rem 0.5rem; + margin: -0.5rem -0.5rem -0.5rem auto; + } + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + flex-shrink: 0; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} + + .modal-footer > * { + margin: 0.25rem; + } + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + height: calc(100% - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + max-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} + +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} + + .modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen .modal-header { + border-radius: 0; + } + + .modal-fullscreen .modal-body { + overflow-y: auto; + } + + .modal-fullscreen .modal-footer { + border-radius: 0; + } + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } +} + +.tooltip { + position: absolute; + z-index: 1080; + display: block; + margin: 0; + font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + + .tooltip.show { + opacity: 0.9; + } + + .tooltip .tooltip-arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; + } + + .tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; + } + +.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { + padding: 0.4rem 0; +} + + .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: 0; + } + + .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; + } + +.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { + padding: 0 0.4rem; +} + + .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; + } + + .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; + } + +.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { + padding: 0.4rem 0; +} + + .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: 0; + } + + .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; + } + +.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { + padding: 0 0.4rem; +} + + .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; + } + + .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; + } + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0*/ /* rtl:ignore *//*; + z-index: 1070; + display: block; + max-width: 276px; + font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} + + .popover .popover-arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + } + + .popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + } + +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { + bottom: calc(-0.5rem - 1px); +} + + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); + } + + .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; + } + +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; +} + + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); + } + + .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; + } + +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { + top: calc(-0.5rem - 1px); +} + + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); + } + + .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; + } + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f0f0f0; +} + +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; +} + + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); + } + + .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; + } + +.popover-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 1rem; + color: #343a40; + background-color: #f0f0f0; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + + .popover-header:empty { + display: none; + } + +.popover-body { + padding: 1rem 1rem; + color: #212529; +} + +.carousel { + position: relative; +} + + .carousel.pointer-event { + touch-action: pan-y; + } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + + .carousel-inner::after { + display: block; + clear: both; + content: ""; + } + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +}*/ + + /* rtl:begin:ignore */ + /*.carousel-item-next:not(.carousel-item-start), + .active.carousel-item-end { + transform: translateX(100%); + } + + .carousel-item-prev:not(.carousel-item-end), + .active.carousel-item-start { + transform: translateX(-100%); + }*/ + +/* rtl:end:ignore */ +/*.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} + + .carousel-fade .carousel-item.active, + .carousel-fade .carousel-item-next.carousel-item-start, + .carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; + } + +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} + +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +}*/ + +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ +/*.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; +} + + .carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; + } + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} + +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} + +.carousel-dark .carousel-caption { + color: #000; +} + +@-webkit-keyframes spinner-border { + to { + transform: rotate(360deg)*/ /* rtl:ignore *//*; + } +} + +@keyframes spinner-border { + to { + transform: rotate(360deg)*/ /* rtl:ignore *//*; + } +} + +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -0.125em; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + -webkit-animation: 0.75s linear infinite spinner-border; + animation: 0.75s linear infinite spinner-border; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@-webkit-keyframes spinner-grow { + 0% { + transform: scale(0); + } + + 50% { + opacity: 1; + transform: none; + } +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + + 50% { + opacity: 1; + transform: none; + } +} + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -0.125em; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + -webkit-animation: 0.75s linear infinite spinner-grow; + animation: 0.75s linear infinite spinner-grow; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + visibility: hidden; + background-color: #fff; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} + + .offcanvas-backdrop.fade { + opacity: 0; + } + + .offcanvas-backdrop.show { + opacity: 0.5; + } + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 1rem 1rem; +} + + .offcanvas-header .btn-close { + padding: 0.5rem 0.5rem; + margin-top: -0.5rem; + margin-right: -0.5rem; + margin-bottom: -0.5rem; + } + +.offcanvas-title { + margin-bottom: 0; + line-height: 1.5; +} + +.offcanvas-body { + flex-grow: 1; + padding: 1rem 1rem; + overflow-y: auto; +} + +.offcanvas-start { + top: 0; + left: 0; + width: 400px; + border-right: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(-100%); +} + +.offcanvas-end { + top: 0; + right: 0; + width: 400px; + border-left: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(100%); +} + +.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + transform: translateY(-100%); +} + +.offcanvas-bottom { + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-top: 1px solid rgba(0, 0, 0, 0.2); + transform: translateY(100%); +} + +.offcanvas.show { + transform: none; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentColor; + opacity: 0.5; +} + + .placeholder.btn::before { + display: inline-block; + content: ""; + } + +.placeholder-xs { + min-height: 0.6em; +} + +.placeholder-sm { + min-height: 0.8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + -webkit-animation: placeholder-glow 2s ease-in-out infinite; + animation: placeholder-glow 2s ease-in-out infinite; +} + +@-webkit-keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} + +.placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-animation: placeholder-wave 2s linear infinite; + animation: placeholder-wave 2s linear infinite; +} + +@-webkit-keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} + +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.link-primary { + color: #1086c5; +} + + .link-primary:hover, .link-primary:focus { + color: #ca7d60; + } + +.link-secondary { + color: #6c757d; +} + + .link-secondary:hover, .link-secondary:focus { + color: #565e64; + } + +.link-success { + color: #198754; +} + + .link-success:hover, .link-success:focus { + color: #146c43; + } + +.link-info { + color: #0dcaf0; +} + + .link-info:hover, .link-info:focus { + color: #3dd5f3; + } + +.link-warning { + color: #ffc107; +} + + .link-warning:hover, .link-warning:focus { + color: #ffcd39; + } + +.link-danger { + color: #dc3545; +} + + .link-danger:hover, .link-danger:focus { + color: #b02a37; + } + +.link-light { + color: #f8f9fa; +} + + .link-light:hover, .link-light:focus { + color: #f9fafb; + } + +.link-dark { + color: #212529; +} + + .link-dark:hover, .link-dark:focus { + color: #1a1e21; + } + +.ratio { + position: relative; + width: 100%; +} + + .ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; + } + + .ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + +.ratio-1x1 { + --bs-aspect-ratio: 100%; +} + +.ratio-4x3 { + --bs-aspect-ratio: 75%; +} + +.ratio-16x9 { + --bs-aspect-ratio: 56.25%; +} + +.ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentColor; + opacity: 0.25; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.float-start { + float: left !important; +} + +.float-end { + float: right !important; +} + +.float-none { + float: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-grid { + display: grid !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +.d-none { + display: none !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.top-0 { + top: 0 !important; +} + +.top-50 { + top: 50% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.start-0 { + left: 0 !important; +} + +.start-50 { + left: 50% !important; +} + +.start-100 { + left: 100% !important; +} + +.end-0 { + right: 0 !important; +} + +.end-50 { + right: 50% !important; +} + +.end-100 { + right: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-end { + border-right: 1px solid #dee2e6 !important; +} + +.border-end-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-start { + border-left: 1px solid #dee2e6 !important; +} + +.border-start-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #1086c5 !important; +} + +.border-secondary { + border-color: #6c757d !important; +} + +.border-success { + border-color: #198754 !important; +} + +.border-info { + border-color: #0dcaf0 !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #dc3545 !important; +} + +.border-light { + border-color: #f8f9fa !important; +} + +.border-dark { + border-color: #212529 !important; +} + +.border-white { + border-color: #fff !important; +} + +.border-1 { + border-width: 1px !important; +} + +.border-2 { + border-width: 2px !important; +} + +.border-3 { + border-width: 3px !important; +} + +.border-4 { + border-width: 4px !important; +} + +.border-5 { + border-width: 5px !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.vh-100 { + height: 100vh !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 1rem !important; +} + +.gap-4 { + gap: 1.5rem !important; +} + +.gap-5 { + gap: 3rem !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.justify-content-evenly { + justify-content: space-evenly !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +.order-first { + order: -1 !important; +} + +.order-0 { + order: 0 !important; +} + +.order-1 { + order: 1 !important; +} + +.order-2 { + order: 2 !important; +} + +.order-3 { + order: 3 !important; +} + +.order-4 { + order: 4 !important; +} + +.order-5 { + order: 5 !important; +} + +.order-last { + order: 6 !important; +} + +.m-0 { + margin: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.me-0 { + margin-right: 0 !important; +} + +.me-1 { + margin-right: 0.25rem !important; +} + +.me-2 { + margin-right: 0.5rem !important; +} + +.me-3 { + margin-right: 1rem !important; +} + +.me-4 { + margin-right: 1.5rem !important; +} + +.me-5 { + margin-right: 3rem !important; +} + +.me-auto { + margin-right: auto !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ms-0 { + margin-left: 0 !important; +} + +.ms-1 { + margin-left: 0.25rem !important; +} + +.ms-2 { + margin-left: 0.5rem !important; +} + +.ms-3 { + margin-left: 1rem !important; +} + +.ms-4 { + margin-left: 1.5rem !important; +} + +.ms-5 { + margin-left: 3rem !important; +} + +.ms-auto { + margin-left: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pe-0 { + padding-right: 0 !important; +} + +.pe-1 { + padding-right: 0.25rem !important; +} + +.pe-2 { + padding-right: 0.5rem !important; +} + +.pe-3 { + padding-right: 1rem !important; +} + +.pe-4 { + padding-right: 1.5rem !important; +} + +.pe-5 { + padding-right: 3rem !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pb-4 { + padding-bottom: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 3rem !important; +} + +.ps-0 { + padding-left: 0 !important; +} + +.ps-1 { + padding-left: 0.25rem !important; +} + +.ps-2 { + padding-left: 0.5rem !important; +} + +.ps-3 { + padding-left: 1rem !important; +} + +.ps-4 { + padding-left: 1.5rem !important; +} + +.ps-5 { + padding-left: 3rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.725rem + 5.7vw) !important; +} + +.fs-2 { + font-size: calc(1.475rem + 2.7vw) !important; +} + +.fs-3 { + font-size: calc(1.325rem + 0.9vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.25rem !important; +} + +.fs-6 { + font-size: 1rem !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-bold { + font-weight: 700 !important; +} + +.fw-bolder { + font-weight: bolder !important; +} + +.lh-1 { + line-height: 1 !important; +} + +.lh-sm { + line-height: 1.25 !important; +} + +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; +} + +.text-start { + text-align: left !important; +} + +.text-end { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +}*/ + +/* rtl:begin:remove */ +/*.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +}*/ + +/* rtl:end:remove */ +/*.text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +} + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} + +.text-light { + --bs-text-opacity: 1; + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; +} + +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} + +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} + +.text-white { + --bs-text-opacity: 1; + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} + +.text-body { + --bs-text-opacity: 1; + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; +} + +.text-muted { + --bs-text-opacity: 1; + color: #6c757d !important; +} + +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.bg-primary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-white { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-gradient { + background-image: var(--bs-gradient) !important; +} + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} + +.pe-none { + pointer-events: none !important; +} + +.pe-auto { + pointer-events: auto !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: 0.2rem !important; +} + +.rounded-2 { + border-radius: 0.25rem !important; +} + +.rounded-3 { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-end { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-start { + border-bottom-left-radius: 0.25rem !important; + border-top-left-radius: 0.25rem !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + + .float-sm-end { + float: right !important; + } + + .float-sm-none { + float: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-grid { + display: grid !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } + + .d-sm-none { + display: none !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-sm-0 { + gap: 0 !important; + } + + .gap-sm-1 { + gap: 0.25rem !important; + } + + .gap-sm-2 { + gap: 0.5rem !important; + } + + .gap-sm-3 { + gap: 1rem !important; + } + + .gap-sm-4 { + gap: 1.5rem !important; + } + + .gap-sm-5 { + gap: 3rem !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } + + .order-sm-first { + order: -1 !important; + } + + .order-sm-0 { + order: 0 !important; + } + + .order-sm-1 { + order: 1 !important; + } + + .order-sm-2 { + order: 2 !important; + } + + .order-sm-3 { + order: 3 !important; + } + + .order-sm-4 { + order: 4 !important; + } + + .order-sm-5 { + order: 5 !important; + } + + .order-sm-last { + order: 6 !important; + } + + .m-sm-0 { + margin: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-sm-0 { + margin-top: 0 !important; + } + + .mt-sm-1 { + margin-top: 0.25rem !important; + } + + .mt-sm-2 { + margin-top: 0.5rem !important; + } + + .mt-sm-3 { + margin-top: 1rem !important; + } + + .mt-sm-4 { + margin-top: 1.5rem !important; + } + + .mt-sm-5 { + margin-top: 3rem !important; + } + + .mt-sm-auto { + margin-top: auto !important; + } + + .me-sm-0 { + margin-right: 0 !important; + } + + .me-sm-1 { + margin-right: 0.25rem !important; + } + + .me-sm-2 { + margin-right: 0.5rem !important; + } + + .me-sm-3 { + margin-right: 1rem !important; + } + + .me-sm-4 { + margin-right: 1.5rem !important; + } + + .me-sm-5 { + margin-right: 3rem !important; + } + + .me-sm-auto { + margin-right: auto !important; + } + + .mb-sm-0 { + margin-bottom: 0 !important; + } + + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + + .mb-sm-3 { + margin-bottom: 1rem !important; + } + + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + + .mb-sm-5 { + margin-bottom: 3rem !important; + } + + .mb-sm-auto { + margin-bottom: auto !important; + } + + .ms-sm-0 { + margin-left: 0 !important; + } + + .ms-sm-1 { + margin-left: 0.25rem !important; + } + + .ms-sm-2 { + margin-left: 0.5rem !important; + } + + .ms-sm-3 { + margin-left: 1rem !important; + } + + .ms-sm-4 { + margin-left: 1.5rem !important; + } + + .ms-sm-5 { + margin-left: 3rem !important; + } + + .ms-sm-auto { + margin-left: auto !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-sm-0 { + padding-top: 0 !important; + } + + .pt-sm-1 { + padding-top: 0.25rem !important; + } + + .pt-sm-2 { + padding-top: 0.5rem !important; + } + + .pt-sm-3 { + padding-top: 1rem !important; + } + + .pt-sm-4 { + padding-top: 1.5rem !important; + } + + .pt-sm-5 { + padding-top: 3rem !important; + } + + .pe-sm-0 { + padding-right: 0 !important; + } + + .pe-sm-1 { + padding-right: 0.25rem !important; + } + + .pe-sm-2 { + padding-right: 0.5rem !important; + } + + .pe-sm-3 { + padding-right: 1rem !important; + } + + .pe-sm-4 { + padding-right: 1.5rem !important; + } + + .pe-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-0 { + padding-bottom: 0 !important; + } + + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pb-sm-3 { + padding-bottom: 1rem !important; + } + + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pb-sm-5 { + padding-bottom: 3rem !important; + } + + .ps-sm-0 { + padding-left: 0 !important; + } + + .ps-sm-1 { + padding-left: 0.25rem !important; + } + + .ps-sm-2 { + padding-left: 0.5rem !important; + } + + .ps-sm-3 { + padding-left: 1rem !important; + } + + .ps-sm-4 { + padding-left: 1.5rem !important; + } + + .ps-sm-5 { + padding-left: 3rem !important; + } + + .text-sm-start { + text-align: left !important; + } + + .text-sm-end { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + + .float-md-end { + float: right !important; + } + + .float-md-none { + float: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-grid { + display: grid !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } + + .d-md-none { + display: none !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-md-0 { + gap: 0 !important; + } + + .gap-md-1 { + gap: 0.25rem !important; + } + + .gap-md-2 { + gap: 0.5rem !important; + } + + .gap-md-3 { + gap: 1rem !important; + } + + .gap-md-4 { + gap: 1.5rem !important; + } + + .gap-md-5 { + gap: 3rem !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } + + .order-md-first { + order: -1 !important; + } + + .order-md-0 { + order: 0 !important; + } + + .order-md-1 { + order: 1 !important; + } + + .order-md-2 { + order: 2 !important; + } + + .order-md-3 { + order: 3 !important; + } + + .order-md-4 { + order: 4 !important; + } + + .order-md-5 { + order: 5 !important; + } + + .order-md-last { + order: 6 !important; + } + + .m-md-0 { + margin: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-md-0 { + margin-top: 0 !important; + } + + .mt-md-1 { + margin-top: 0.25rem !important; + } + + .mt-md-2 { + margin-top: 0.5rem !important; + } + + .mt-md-3 { + margin-top: 1rem !important; + } + + .mt-md-4 { + margin-top: 1.5rem !important; + } + + .mt-md-5 { + margin-top: 3rem !important; + } + + .mt-md-auto { + margin-top: auto !important; + } + + .me-md-0 { + margin-right: 0 !important; + } + + .me-md-1 { + margin-right: 0.25rem !important; + } + + .me-md-2 { + margin-right: 0.5rem !important; + } + + .me-md-3 { + margin-right: 1rem !important; + } + + .me-md-4 { + margin-right: 1.5rem !important; + } + + .me-md-5 { + margin-right: 3rem !important; + } + + .me-md-auto { + margin-right: auto !important; + } + + .mb-md-0 { + margin-bottom: 0 !important; + } + + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + + .mb-md-3 { + margin-bottom: 1rem !important; + } + + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + + .mb-md-5 { + margin-bottom: 3rem !important; + } + + .mb-md-auto { + margin-bottom: auto !important; + } + + .ms-md-0 { + margin-left: 0 !important; + } + + .ms-md-1 { + margin-left: 0.25rem !important; + } + + .ms-md-2 { + margin-left: 0.5rem !important; + } + + .ms-md-3 { + margin-left: 1rem !important; + } + + .ms-md-4 { + margin-left: 1.5rem !important; + } + + .ms-md-5 { + margin-left: 3rem !important; + } + + .ms-md-auto { + margin-left: auto !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-md-0 { + padding-top: 0 !important; + } + + .pt-md-1 { + padding-top: 0.25rem !important; + } + + .pt-md-2 { + padding-top: 0.5rem !important; + } + + .pt-md-3 { + padding-top: 1rem !important; + } + + .pt-md-4 { + padding-top: 1.5rem !important; + } + + .pt-md-5 { + padding-top: 3rem !important; + } + + .pe-md-0 { + padding-right: 0 !important; + } + + .pe-md-1 { + padding-right: 0.25rem !important; + } + + .pe-md-2 { + padding-right: 0.5rem !important; + } + + .pe-md-3 { + padding-right: 1rem !important; + } + + .pe-md-4 { + padding-right: 1.5rem !important; + } + + .pe-md-5 { + padding-right: 3rem !important; + } + + .pb-md-0 { + padding-bottom: 0 !important; + } + + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + + .pb-md-3 { + padding-bottom: 1rem !important; + } + + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + + .pb-md-5 { + padding-bottom: 3rem !important; + } + + .ps-md-0 { + padding-left: 0 !important; + } + + .ps-md-1 { + padding-left: 0.25rem !important; + } + + .ps-md-2 { + padding-left: 0.5rem !important; + } + + .ps-md-3 { + padding-left: 1rem !important; + } + + .ps-md-4 { + padding-left: 1.5rem !important; + } + + .ps-md-5 { + padding-left: 3rem !important; + } + + .text-md-start { + text-align: left !important; + } + + .text-md-end { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + + .float-lg-end { + float: right !important; + } + + .float-lg-none { + float: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-grid { + display: grid !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } + + .d-lg-none { + display: none !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-lg-0 { + gap: 0 !important; + } + + .gap-lg-1 { + gap: 0.25rem !important; + } + + .gap-lg-2 { + gap: 0.5rem !important; + } + + .gap-lg-3 { + gap: 1rem !important; + } + + .gap-lg-4 { + gap: 1.5rem !important; + } + + .gap-lg-5 { + gap: 3rem !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } + + .order-lg-first { + order: -1 !important; + } + + .order-lg-0 { + order: 0 !important; + } + + .order-lg-1 { + order: 1 !important; + } + + .order-lg-2 { + order: 2 !important; + } + + .order-lg-3 { + order: 3 !important; + } + + .order-lg-4 { + order: 4 !important; + } + + .order-lg-5 { + order: 5 !important; + } + + .order-lg-last { + order: 6 !important; + } + + .m-lg-0 { + margin: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-lg-0 { + margin-top: 0 !important; + } + + .mt-lg-1 { + margin-top: 0.25rem !important; + } + + .mt-lg-2 { + margin-top: 0.5rem !important; + } + + .mt-lg-3 { + margin-top: 1rem !important; + } + + .mt-lg-4 { + margin-top: 1.5rem !important; + } + + .mt-lg-5 { + margin-top: 3rem !important; + } + + .mt-lg-auto { + margin-top: auto !important; + } + + .me-lg-0 { + margin-right: 0 !important; + } + + .me-lg-1 { + margin-right: 0.25rem !important; + } + + .me-lg-2 { + margin-right: 0.5rem !important; + } + + .me-lg-3 { + margin-right: 1rem !important; + } + + .me-lg-4 { + margin-right: 1.5rem !important; + } + + .me-lg-5 { + margin-right: 3rem !important; + } + + .me-lg-auto { + margin-right: auto !important; + } + + .mb-lg-0 { + margin-bottom: 0 !important; + } + + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + + .mb-lg-3 { + margin-bottom: 1rem !important; + } + + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + + .mb-lg-5 { + margin-bottom: 3rem !important; + } + + .mb-lg-auto { + margin-bottom: auto !important; + } + + .ms-lg-0 { + margin-left: 0 !important; + } + + .ms-lg-1 { + margin-left: 0.25rem !important; + } + + .ms-lg-2 { + margin-left: 0.5rem !important; + } + + .ms-lg-3 { + margin-left: 1rem !important; + } + + .ms-lg-4 { + margin-left: 1.5rem !important; + } + + .ms-lg-5 { + margin-left: 3rem !important; + } + + .ms-lg-auto { + margin-left: auto !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-lg-0 { + padding-top: 0 !important; + } + + .pt-lg-1 { + padding-top: 0.25rem !important; + } + + .pt-lg-2 { + padding-top: 0.5rem !important; + } + + .pt-lg-3 { + padding-top: 1rem !important; + } + + .pt-lg-4 { + padding-top: 1.5rem !important; + } + + .pt-lg-5 { + padding-top: 3rem !important; + } + + .pe-lg-0 { + padding-right: 0 !important; + } + + .pe-lg-1 { + padding-right: 0.25rem !important; + } + + .pe-lg-2 { + padding-right: 0.5rem !important; + } + + .pe-lg-3 { + padding-right: 1rem !important; + } + + .pe-lg-4 { + padding-right: 1.5rem !important; + } + + .pe-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-0 { + padding-bottom: 0 !important; + } + + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pb-lg-3 { + padding-bottom: 1rem !important; + } + + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pb-lg-5 { + padding-bottom: 3rem !important; + } + + .ps-lg-0 { + padding-left: 0 !important; + } + + .ps-lg-1 { + padding-left: 0.25rem !important; + } + + .ps-lg-2 { + padding-left: 0.5rem !important; + } + + .ps-lg-3 { + padding-left: 1rem !important; + } + + .ps-lg-4 { + padding-left: 1.5rem !important; + } + + .ps-lg-5 { + padding-left: 3rem !important; + } + + .text-lg-start { + text-align: left !important; + } + + .text-lg-end { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + + .float-xl-end { + float: right !important; + } + + .float-xl-none { + float: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-grid { + display: grid !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } + + .d-xl-none { + display: none !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-xl-0 { + gap: 0 !important; + } + + .gap-xl-1 { + gap: 0.25rem !important; + } + + .gap-xl-2 { + gap: 0.5rem !important; + } + + .gap-xl-3 { + gap: 1rem !important; + } + + .gap-xl-4 { + gap: 1.5rem !important; + } + + .gap-xl-5 { + gap: 3rem !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } + + .order-xl-first { + order: -1 !important; + } + + .order-xl-0 { + order: 0 !important; + } + + .order-xl-1 { + order: 1 !important; + } + + .order-xl-2 { + order: 2 !important; + } + + .order-xl-3 { + order: 3 !important; + } + + .order-xl-4 { + order: 4 !important; + } + + .order-xl-5 { + order: 5 !important; + } + + .order-xl-last { + order: 6 !important; + } + + .m-xl-0 { + margin: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xl-0 { + margin-top: 0 !important; + } + + .mt-xl-1 { + margin-top: 0.25rem !important; + } + + .mt-xl-2 { + margin-top: 0.5rem !important; + } + + .mt-xl-3 { + margin-top: 1rem !important; + } + + .mt-xl-4 { + margin-top: 1.5rem !important; + } + + .mt-xl-5 { + margin-top: 3rem !important; + } + + .mt-xl-auto { + margin-top: auto !important; + } + + .me-xl-0 { + margin-right: 0 !important; + } + + .me-xl-1 { + margin-right: 0.25rem !important; + } + + .me-xl-2 { + margin-right: 0.5rem !important; + } + + .me-xl-3 { + margin-right: 1rem !important; + } + + .me-xl-4 { + margin-right: 1.5rem !important; + } + + .me-xl-5 { + margin-right: 3rem !important; + } + + .me-xl-auto { + margin-right: auto !important; + } + + .mb-xl-0 { + margin-bottom: 0 !important; + } + + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xl-3 { + margin-bottom: 1rem !important; + } + + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xl-5 { + margin-bottom: 3rem !important; + } + + .mb-xl-auto { + margin-bottom: auto !important; + } + + .ms-xl-0 { + margin-left: 0 !important; + } + + .ms-xl-1 { + margin-left: 0.25rem !important; + } + + .ms-xl-2 { + margin-left: 0.5rem !important; + } + + .ms-xl-3 { + margin-left: 1rem !important; + } + + .ms-xl-4 { + margin-left: 1.5rem !important; + } + + .ms-xl-5 { + margin-left: 3rem !important; + } + + .ms-xl-auto { + margin-left: auto !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-xl-0 { + padding-top: 0 !important; + } + + .pt-xl-1 { + padding-top: 0.25rem !important; + } + + .pt-xl-2 { + padding-top: 0.5rem !important; + } + + .pt-xl-3 { + padding-top: 1rem !important; + } + + .pt-xl-4 { + padding-top: 1.5rem !important; + } + + .pt-xl-5 { + padding-top: 3rem !important; + } + + .pe-xl-0 { + padding-right: 0 !important; + } + + .pe-xl-1 { + padding-right: 0.25rem !important; + } + + .pe-xl-2 { + padding-right: 0.5rem !important; + } + + .pe-xl-3 { + padding-right: 1rem !important; + } + + .pe-xl-4 { + padding-right: 1.5rem !important; + } + + .pe-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-0 { + padding-bottom: 0 !important; + } + + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xl-3 { + padding-bottom: 1rem !important; + } + + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xl-5 { + padding-bottom: 3rem !important; + } + + .ps-xl-0 { + padding-left: 0 !important; + } + + .ps-xl-1 { + padding-left: 0.25rem !important; + } + + .ps-xl-2 { + padding-left: 0.5rem !important; + } + + .ps-xl-3 { + padding-left: 1rem !important; + } + + .ps-xl-4 { + padding-left: 1.5rem !important; + } + + .ps-xl-5 { + padding-left: 3rem !important; + } + + .text-xl-start { + text-align: left !important; + } + + .text-xl-end { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } +} + +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + + .float-xxl-end { + float: right !important; + } + + .float-xxl-none { + float: none !important; + } + + .d-xxl-inline { + display: inline !important; + } + + .d-xxl-inline-block { + display: inline-block !important; + } + + .d-xxl-block { + display: block !important; + } + + .d-xxl-grid { + display: grid !important; + } + + .d-xxl-table { + display: table !important; + } + + .d-xxl-table-row { + display: table-row !important; + } + + .d-xxl-table-cell { + display: table-cell !important; + } + + .d-xxl-flex { + display: flex !important; + } + + .d-xxl-inline-flex { + display: inline-flex !important; + } + + .d-xxl-none { + display: none !important; + } + + .flex-xxl-fill { + flex: 1 1 auto !important; + } + + .flex-xxl-row { + flex-direction: row !important; + } + + .flex-xxl-column { + flex-direction: column !important; + } + + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-xxl-0 { + gap: 0 !important; + } + + .gap-xxl-1 { + gap: 0.25rem !important; + } + + .gap-xxl-2 { + gap: 0.5rem !important; + } + + .gap-xxl-3 { + gap: 1rem !important; + } + + .gap-xxl-4 { + gap: 1.5rem !important; + } + + .gap-xxl-5 { + gap: 3rem !important; + } + + .justify-content-xxl-start { + justify-content: flex-start !important; + } + + .justify-content-xxl-end { + justify-content: flex-end !important; + } + + .justify-content-xxl-center { + justify-content: center !important; + } + + .justify-content-xxl-between { + justify-content: space-between !important; + } + + .justify-content-xxl-around { + justify-content: space-around !important; + } + + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xxl-start { + align-items: flex-start !important; + } + + .align-items-xxl-end { + align-items: flex-end !important; + } + + .align-items-xxl-center { + align-items: center !important; + } + + .align-items-xxl-baseline { + align-items: baseline !important; + } + + .align-items-xxl-stretch { + align-items: stretch !important; + } + + .align-content-xxl-start { + align-content: flex-start !important; + } + + .align-content-xxl-end { + align-content: flex-end !important; + } + + .align-content-xxl-center { + align-content: center !important; + } + + .align-content-xxl-between { + align-content: space-between !important; + } + + .align-content-xxl-around { + align-content: space-around !important; + } + + .align-content-xxl-stretch { + align-content: stretch !important; + } + + .align-self-xxl-auto { + align-self: auto !important; + } + + .align-self-xxl-start { + align-self: flex-start !important; + } + + .align-self-xxl-end { + align-self: flex-end !important; + } + + .align-self-xxl-center { + align-self: center !important; + } + + .align-self-xxl-baseline { + align-self: baseline !important; + } + + .align-self-xxl-stretch { + align-self: stretch !important; + } + + .order-xxl-first { + order: -1 !important; + } + + .order-xxl-0 { + order: 0 !important; + } + + .order-xxl-1 { + order: 1 !important; + } + + .order-xxl-2 { + order: 2 !important; + } + + .order-xxl-3 { + order: 3 !important; + } + + .order-xxl-4 { + order: 4 !important; + } + + .order-xxl-5 { + order: 5 !important; + } + + .order-xxl-last { + order: 6 !important; + } + + .m-xxl-0 { + margin: 0 !important; + } + + .m-xxl-1 { + margin: 0.25rem !important; + } + + .m-xxl-2 { + margin: 0.5rem !important; + } + + .m-xxl-3 { + margin: 1rem !important; + } + + .m-xxl-4 { + margin: 1.5rem !important; + } + + .m-xxl-5 { + margin: 3rem !important; + } + + .m-xxl-auto { + margin: auto !important; + } + + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xxl-0 { + margin-top: 0 !important; + } + + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + + .mt-xxl-3 { + margin-top: 1rem !important; + } + + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + + .mt-xxl-5 { + margin-top: 3rem !important; + } + + .mt-xxl-auto { + margin-top: auto !important; + } + + .me-xxl-0 { + margin-right: 0 !important; + } + + .me-xxl-1 { + margin-right: 0.25rem !important; + } + + .me-xxl-2 { + margin-right: 0.5rem !important; + } + + .me-xxl-3 { + margin-right: 1rem !important; + } + + .me-xxl-4 { + margin-right: 1.5rem !important; + } + + .me-xxl-5 { + margin-right: 3rem !important; + } + + .me-xxl-auto { + margin-right: auto !important; + } + + .mb-xxl-0 { + margin-bottom: 0 !important; + } + + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + + .mb-xxl-auto { + margin-bottom: auto !important; + } + + .ms-xxl-0 { + margin-left: 0 !important; + } + + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + + .ms-xxl-3 { + margin-left: 1rem !important; + } + + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + + .ms-xxl-5 { + margin-left: 3rem !important; + } + + .ms-xxl-auto { + margin-left: auto !important; + } + + .p-xxl-0 { + padding: 0 !important; + } + + .p-xxl-1 { + padding: 0.25rem !important; + } + + .p-xxl-2 { + padding: 0.5rem !important; + } + + .p-xxl-3 { + padding: 1rem !important; + } + + .p-xxl-4 { + padding: 1.5rem !important; + } + + .p-xxl-5 { + padding: 3rem !important; + } + + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-xxl-0 { + padding-top: 0 !important; + } + + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + + .pt-xxl-3 { + padding-top: 1rem !important; + } + + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + + .pt-xxl-5 { + padding-top: 3rem !important; + } + + .pe-xxl-0 { + padding-right: 0 !important; + } + + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + + .pe-xxl-3 { + padding-right: 1rem !important; + } + + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + + .pe-xxl-5 { + padding-right: 3rem !important; + } + + .pb-xxl-0 { + padding-bottom: 0 !important; + } + + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + + .ps-xxl-0 { + padding-left: 0 !important; + } + + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + + .ps-xxl-3 { + padding-left: 1rem !important; + } + + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + + .ps-xxl-5 { + padding-left: 3rem !important; + } + + .text-xxl-start { + text-align: left !important; + } + + .text-xxl-end { + text-align: right !important; + } + + .text-xxl-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .fs-1 { + font-size: 6rem !important; + } + + .fs-2 { + font-size: 3.5rem !important; + } + + .fs-3 { + font-size: 2rem !important; + } + + .fs-4 { + font-size: 1.5rem !important; + } +} + +@media print { + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-grid { + display: grid !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } + + .d-print-none { + display: none !important; + } +} + +body { + padding-top: 3.375rem; + color: #6c757d; +} + +@media (min-width: 992px) { + body { + padding-top: 0; + padding-left: 17rem; + } +} + +h1, .h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + text-transform: uppercase; +} + +h1, .h1 { + line-height: 1; +} + +p.lead { + font-size: 1.15rem; + font-weight: 400; +} + +.subheading { + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + text-transform: uppercase; + font-weight: 500; + font-size: 1.5rem; +} + +#sideNav { + padding-left: 1rem; + padding-right: 1rem; +} + + + +#sideNav .navbar-nav .nav-item .nav-link { + font-weight: 800; + letter-spacing: 0.05rem; + text-transform: uppercase; +} + + #sideNav .navbar-toggler:focus { + outline-color: red; + } + +@media (min-width: 992px) { + #sideNav { + padding-left: 0; + padding-right: 0; + text-align: center; + position: fixed; + top: 0; + left: 0; + display: flex; + flex-direction: column; + width: 17rem; + height: 100vh; + } + + #sideNav .navbar-brand { + display: flex; + margin: auto auto 0; + padding: 0.5rem; + } + + #sideNav .navbar-brand .img-profile { + max-width: 10rem; + max-height: 10rem; + border: 0.5rem solid rgba(255, 255, 255, 0.2); + } + + #sideNav .navbar-collapse { + display: flex; + align-items: flex-start; + flex-grow: 0; + width: 100%; + margin-bottom: auto; + } + + #sideNav .navbar-collapse .navbar-nav { + flex-direction: column; + width: 100%; + } + + #sideNav .navbar-collapse .navbar-nav .nav-item { + display: block; + } + + #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link { + display: block; + } +} + +.social-icons .social-icon { + display: inline-flex; + align-items: center; + justify-content: center; + height: 3.5rem; + width: 3.5rem; + background-color: #495057; + color: #fff; + border-radius: 100%; + font-size: 1.5rem; + margin-right: 1.5rem; +} + + .social-icons .social-icon:last-child { + margin-right: 0; + } + + .social-icons .social-icon:hover { + background-color: #b34fc2; + } + +.dev-icons { + font-size: 3rem; +} + +section.resume-section { + display: flex; + align-items: center; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 5rem; + padding-bottom: 5rem; + max-width: 75rem; +} + + section.resume-section .resume-section-content { + width: 100%; + } + +@media (min-width: 768px) { + section.resume-section { + min-height: 100vh; + } +} + +@media (min-width: 992px) { + section.resume-section { + padding-left: 3rem; + padding-right: 3rem; + padding-top: 5rem; + padding-bottom: 5rem; + } +}*/ +/* /Shared/NavMenu.razor.rz.scp.css */ diff --git a/_content/Blazorise.Bootstrap/blazorise.bootstrap.css b/_content/Blazorise.Bootstrap/blazorise.bootstrap.css new file mode 100755 index 0000000..7267e86 --- /dev/null +++ b/_content/Blazorise.Bootstrap/blazorise.bootstrap.css @@ -0,0 +1,4200 @@ +.badge-close { + cursor: pointer; +} +.badge-close::before { + height: 2px; + width: 50%; +} +.badge-close::after { + height: 50%; + width: 2px; +} +.badge-close:hover, .badge-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} +.badge-close:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.navbar-nav .nav-item:hover { + cursor: pointer; +} + +.navbar-nav .nav-link:hover { + cursor: pointer; +} + +.nav .nav-link:hover { + cursor: pointer; +} + +.nav-item { + position: relative; +} + +.b-bar-horizontal .nav-item.dropdown .dropdown-menu > .dropdown > .dropdown-item { + width: 100%; +} +.b-bar-horizontal .nav-item.dropdown .dropdown-menu > .dropdown > .dropdown-item::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.b-bar-horizontal .nav-item.dropdown .dropdown-menu > .dropdown > .dropdown-item:empty::after { + margin-left: 0; +} +.b-bar-horizontal .nav-item.dropdown .dropdown-menu > .dropdown > .dropdown-item::after { + transform: rotate(-90deg); + position: absolute; + right: 10%; + top: 45%; +} +.b-bar-horizontal .nav-item.dropdown .dropdown-menu > .dropdown > .dropdown-menu { + top: 0; + left: 100%; + margin-left: 0rem; + margin-right: 0.1rem; +} + +.btn-group > .b-tooltip:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .b-tooltip:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group.btn-group-toggle .btn.active.disabled { + opacity: 1; +} + +.btn-group-vertical > .b-tooltip:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .b-tooltip:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-xs, .btn-group-xs > .btn { + padding: 0.15rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.15rem; +} + +.btn-md, .btn-group-md > .btn { + padding: 0.47rem 1rem; + font-size: 1.125rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.btn-xl, .btn-group-xl > .btn { + padding: 0.5rem 1rem; + font-size: 1.5rem; + line-height: 1.5; + border-radius: 0.4rem; +} + +.table-fixed-header .table thead tr th.dropdown-table-fixed-header-visible { + z-index: 11; +} + +.dropdown-menu-position-strategy { + width: max-content; + top: 0; + left: 0; +} + +.dropdown-menu-position-strategy-absolute { + position: absolute; +} + +.dropdown-menu-position-strategy-fixed { + position: fixed; +} + +.dropdown-toggle.dropdown-toggle-hidden::after { + content: none !important; +} + +.dropdown-toggle.dropdown-toggle-hidden::before { + content: none !important; +} + +.dropdown-menu.show { + animation-duration: 0.3s; + animation-fill-mode: both; + animation-name: fadeIn; +} + +.dropdown-menu a:not([href]).dropdown-item:not(.disabled) { + cursor: pointer; +} + +.dropdown-menu.dropdown-menu-scrollable { + max-height: var(--dropdown-list-menu-max-height, 200px); + overflow-y: scroll; +} + +.b-is-autocomplete .dropdown-menu { + width: 100%; + max-height: var(--autocomplete-menu-max-height, 200px); + overflow-y: scroll; +} +.b-is-autocomplete .dropdown-menu .dropdown-item.focus { + color: #16181b !important; + text-decoration: none; + background-color: #e9ecef; +} + +.b-is-autocomplete.b-is-autocomplete-multipleselection { + display: flex; + align-items: center; + flex-wrap: wrap; + max-width: 100%; + width: 100%; + cursor: text; + line-height: 1.5; + outline: 1px solid #ced4da; + border-radius: 0.25rem; +} +.b-is-autocomplete.b-is-autocomplete-multipleselection > input.form-control:not(.is-valid, .is-invalid) { + border: none; +} +.b-is-autocomplete.b-is-autocomplete-multipleselection > input.form-control { + display: inline-block; + box-shadow: none; + outline: none; + background-color: transparent; + max-width: inherit; + width: auto; + flex-grow: 1; +} +.b-is-autocomplete.b-is-autocomplete-multipleselection > .badge { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + line-height: 1.5; + flex-grow: initial; +} +.b-is-autocomplete.b-is-autocomplete-multipleselection:focus { + color: #495057; + background-color: #fff; + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.dropdown { + position: relative; +} +.dropdown .btn.dropdown-toggle:not(.btn-outline) { + box-shadow: none; +} +.dropdown.dropdown-disabled.b-is-autocomplete { + background-color: var(--b-theme-light, #e9ecef); +} +.dropdown > .dropdown-menu > .dropdown:not(.dropup, .dropleft, .dropright) { + position: relative; +} +.dropdown > .dropdown-menu > .dropdown:not(.dropup, .dropleft, .dropright) > .dropdown-toggle { + width: 100%; +} +.dropdown > .dropdown-menu > .dropdown:not(.dropup, .dropleft, .dropright) > .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; + position: absolute; + right: 10%; + top: 45%; +} +.dropdown > .dropdown-menu > .dropdown:not(.dropup, .dropleft, .dropright) > .dropdown-menu { + top: auto; + left: auto; + bottom: auto; + right: auto; +} +.dropdown > .dropdown-menu > .dropdown.dropup .dropdown-toggle::after, .dropdown > .dropdown-menu > .dropdown.dropleft .dropdown-toggle::after, .dropdown > .dropdown-menu > .dropdown.dropright .dropdown-toggle::after { + position: absolute; + right: 10%; + top: 45%; +} +.dropdown.dropup > .dropdown-menu { + top: auto; + left: auto; + bottom: auto; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropdown.dropup > .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropdown.dropright > .dropdown-menu { + top: 0%; + right: auto; + left: 100%; + bottom: auto; + margin-top: 0; + margin-left: 0.125rem; +} +.dropdown.dropright > .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; + vertical-align: 0; +} +.dropdown.dropleft > .dropdown-menu { + top: 0%; + right: 100%; + left: auto; + bottom: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.dropdown.dropleft > .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; + vertical-align: 0; +} + +.figure.figure-is-16x16 { + height: 16px; + width: 16px; +} +.figure.figure-is-24x24 { + height: 24px; + width: 24px; +} +.figure.figure-is-32x32 { + height: 32px; + width: 32px; +} +.figure.figure-is-48x48 { + height: 48px; + width: 48px; +} +.figure.figure-is-64x64 { + height: 64px; + width: 64px; +} +.figure.figure-is-96x96 { + height: 96px; + width: 96px; +} +.figure.figure-is-128x128 { + height: 128px; + width: 128px; +} +.figure.figure-is-256x256 { + height: 256px; + width: 256px; +} +.figure.figure-is-512x512 { + height: 512px; + width: 512px; +} + +.form-check > .form-check-input.form-check-input-pointer, +.form-check > .form-check-label.form-check-label-pointer, +.custom-checkbox > .custom-control-input.custom-control-input-pointer, +.custom-checkbox > .custom-control-label.custom-control-label-pointer, +.custom-switch > .custom-control-input.custom-control-input-pointer, +.custom-switch > .custom-control-label.custom-control-label-pointer { + cursor: pointer; +} + +.form-control-plaintext.form-control-xs, .form-control-plaintext.form-control-md, .form-control-plaintext.form-control-xl { + padding-right: 0; + padding-left: 0; +} + +.form-control-xs { + height: calc(1.5em + 0.3rem + 2px); + padding: 0.15rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.15rem; +} + +.form-control-md { + height: calc(1.5em + 0.94rem + 2px); + padding: 0.47rem 1rem; + font-size: 1.125rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.form-control-xl { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.5rem; + line-height: 1.5; + border-radius: 0.4rem; +} + +.custom-select-xs { + height: calc(1.5em + 0.3rem + 2px); + padding-top: 0.15rem; + padding-bottom: 0.15rem; + padding-left: 0.5rem; + font-size: 0.75rem; +} + +.custom-select-md { + height: calc(1.5em + 0.94rem + 2px); + padding-top: 0.47rem; + padding-bottom: 0.47rem; + padding-left: 1rem; + font-size: 1.125rem; +} + +.custom-select-xl { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.5rem; +} + +.input-group > .b-numeric:not(:last-child) > input, +.input-group > .flatpickr-wrapper:not(:last-child) > input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .b-numeric:not(:first-child) > input, +.input-group > .flatpickr-wrapper:not(:first-child) > input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-xs > .form-control:not(textarea), +.input-group-xs > .custom-select, +.input-group-xs > .b-numeric > input { + height: calc(1.5em + 0.3rem + 2px); +} + +.input-group-xs > .form-control, +.input-group-xs > .custom-select, +.input-group-xs > .input-group-prepend > .input-group-text, +.input-group-xs > .input-group-append > .input-group-text, +.input-group-xs > .input-group-prepend > .btn, +.input-group-xs > .input-group-append > .btn, +.input-group-xs > .b-numeric > input { + padding: 0.15rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.15rem; +} + +.input-group-sm > .b-numeric > input { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .b-numeric > input { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-md > .form-control:not(textarea), +.input-group-md > .custom-select, +.input-group-md > .b-numeric > input { + height: calc(1.5em + 0.94rem + 2px); +} + +.input-group-md > .form-control, +.input-group-md > .custom-select, +.input-group-md > .input-group-prepend > .input-group-text, +.input-group-md > .input-group-append > .input-group-text, +.input-group-md > .input-group-prepend > .btn, +.input-group-md > .input-group-append > .btn, +.input-group-md > .b-numeric > input { + padding: 0.47rem 1rem; + font-size: 1.125rem; + line-height: 1.5; + border-radius: 0.25rem; +} + +.input-group-lg > .b-numeric > input { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .b-numeric > input { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-xl > .form-control:not(textarea), +.input-group-xl > .custom-select, +.input-group-xl > .b-numeric > input { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-xl > .form-control, +.input-group-xl > .custom-select, +.input-group-xl > .input-group-prepend > .input-group-text, +.input-group-xl > .input-group-append > .input-group-text, +.input-group-xl > .input-group-prepend > .btn, +.input-group-xl > .input-group-append > .btn, +.input-group-xl > .b-numeric > input { + padding: 0.5rem 1rem; + font-size: 1.5rem; + line-height: 1.5; + border-radius: 0.4rem; +} + +.input-group-xs > .custom-select, +.input-group-md > .custom-select, +.input-group-xl > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-prepend:first-child > .dropdown > .btn:not(:last-child).dropdown-toggle, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-append:last-child > .dropdown > .btn:not(:last-child).dropdown-toggle, +.input-group > .input-group-append:last-child > .dropdown > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > div.flatpickr-wrapper > .form-control, +.input-group > div.flatpickr-wrapper > .form-control-plaintext { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; + margin-bottom: 0; +} + +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-xs + .custom-control-label::before, +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-xs + .custom-control-label::after { + width: 0.7rem; + height: 0.7rem; +} +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-xs + .custom-control-label { + line-height: "normal"; + padding-left: 0px; +} + +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-sm + .custom-control-label::before, +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-sm + .custom-control-label::after { + width: 0.8rem; + height: 0.8rem; +} +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-sm + .custom-control-label { + line-height: "normal"; + padding-left: 0px; +} + +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-md + .custom-control-label::before, +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-md + .custom-control-label::after { + width: 1.25rem; + height: 1.25rem; +} +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-md + .custom-control-label { + line-height: 1.7rem; + padding-left: 3px; +} + +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-lg + .custom-control-label::before, +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-lg + .custom-control-label::after { + width: 1.55rem; + height: 1.55rem; +} +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-lg + .custom-control-label { + line-height: 2rem; + padding-left: 6px; +} + +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-xl + .custom-control-label::before, +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-xl + .custom-control-label::after { + width: 1.85rem; + height: 1.85rem; +} +.custom-control.custom-checkbox > .custom-control-input.custom-control-input-xl + .custom-control-label { + line-height: 2.5rem; + padding-left: 10px; +} + +/* $padding-top: (($radio-size - ($radio-size - ($radio-size / 2))) / 2); +$padding-left: $radio-size / 2;*/ +.custom-control.custom-radio > .custom-control-input.custom-control-input-xs + .custom-control-label::before, +.custom-control.custom-radio > .custom-control-input.custom-control-input-xs + .custom-control-label::after { + width: 0.7rem; + height: 0.7rem; +} +.custom-control.custom-radio > .custom-control-input.custom-control-input-xs + .custom-control-label { + line-height: normal; + padding-left: 0px; +} + +/* $padding-top: (($radio-size - ($radio-size - ($radio-size / 2))) / 2); +$padding-left: $radio-size / 2;*/ +.custom-control.custom-radio > .custom-control-input.custom-control-input-sm + .custom-control-label::before, +.custom-control.custom-radio > .custom-control-input.custom-control-input-sm + .custom-control-label::after { + width: 0.8rem; + height: 0.8rem; +} +.custom-control.custom-radio > .custom-control-input.custom-control-input-sm + .custom-control-label { + line-height: normal; + padding-left: 0px; +} + +/* $padding-top: (($radio-size - ($radio-size - ($radio-size / 2))) / 2); +$padding-left: $radio-size / 2;*/ +.custom-control.custom-radio > .custom-control-input.custom-control-input-md + .custom-control-label::before, +.custom-control.custom-radio > .custom-control-input.custom-control-input-md + .custom-control-label::after { + width: 1.25rem; + height: 1.25rem; +} +.custom-control.custom-radio > .custom-control-input.custom-control-input-md + .custom-control-label { + line-height: 1.7rem; + padding-left: 3px; +} + +/* $padding-top: (($radio-size - ($radio-size - ($radio-size / 2))) / 2); +$padding-left: $radio-size / 2;*/ +.custom-control.custom-radio > .custom-control-input.custom-control-input-lg + .custom-control-label::before, +.custom-control.custom-radio > .custom-control-input.custom-control-input-lg + .custom-control-label::after { + width: 1.55rem; + height: 1.55rem; +} +.custom-control.custom-radio > .custom-control-input.custom-control-input-lg + .custom-control-label { + line-height: 2rem; + padding-left: 6px; +} + +/* $padding-top: (($radio-size - ($radio-size - ($radio-size / 2))) / 2); +$padding-left: $radio-size / 2;*/ +.custom-control.custom-radio > .custom-control-input.custom-control-input-xl + .custom-control-label::before, +.custom-control.custom-radio > .custom-control-input.custom-control-input-xl + .custom-control-label::after { + width: 1.85rem; + height: 1.85rem; +} +.custom-control.custom-radio > .custom-control-input.custom-control-input-xl + .custom-control-label { + line-height: 2.5rem; + padding-left: 10px; +} + +select[readonly] { + pointer-events: none; +} +select[readonly] option, +select[readonly] optgroup { + display: none; +} + +.b-numeric { + position: relative; + width: 100%; +} +.b-numeric:hover > .b-numeric-handler-wrap { + opacity: 1; +} +.b-numeric input:disabled + .b-numeric-handler-wrap, .b-numeric input:read-only + .b-numeric-handler-wrap { + display: none; +} + +.b-numeric-handler-wrap { + position: absolute; + top: 0; + right: 0; + width: 22px; + height: 100%; + background: #fff; + border: 1px solid #d9d9d9; + opacity: 0; +} + +.input-group .b-numeric { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; +} + +.b-numeric-handler-wrap .b-numeric-handler.b-numeric-handler-down { + border-top: 1px solid #d9d9d9; +} + +.b-numeric-handler { + position: relative; + display: flex; + width: 100%; + height: 50%; + overflow: hidden; + color: rgba(0, 0, 0, 0.45); + font-weight: 700; + line-height: 0; + align-items: center; + justify-content: center; +} +.b-numeric-handler.btn { + padding: 0; +} + +.form-control + .b-numeric-handler-wrap { + font-size: 1rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.form-control-xs + .b-numeric-handler-wrap { + font-size: 0.75rem; + border-top-right-radius: 0.15rem; + border-bottom-right-radius: 0.15rem; +} +.form-control-xs + .b-numeric-handler-wrap > .b-numeric-handler.btn { + font-size: 0.75rem; +} + +.form-control-sm + .b-numeric-handler-wrap { + font-size: 0.875rem; + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} +.form-control-sm + .b-numeric-handler-wrap > .b-numeric-handler.btn { + font-size: 0.875rem; +} + +.form-control-md + .b-numeric-handler-wrap { + font-size: 1.125rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.form-control-md + .b-numeric-handler-wrap > .b-numeric-handler.btn { + font-size: 1.125rem; +} + +.form-control-lg + .b-numeric-handler-wrap { + font-size: 1.25rem; + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} +.form-control-lg + .b-numeric-handler-wrap > .b-numeric-handler.btn { + font-size: 1.25rem; +} + +.form-control-xl + .b-numeric-handler-wrap { + font-size: 1.5rem; + border-top-right-radius: 0.4rem; + border-bottom-right-radius: 0.4rem; +} +.form-control-xl + .b-numeric-handler-wrap > .b-numeric-handler.btn { + font-size: 1.5rem; +} + +.custom-file-label { + overflow: hidden; +} + +input[readonly][type=range], +input[readonly=readonly][type=range] { + pointer-events: none; +} +input[readonly][type=range]::-webkit-slider-thumb, +input[readonly=readonly][type=range]::-webkit-slider-thumb { + pointer-events: none; +} +input[readonly][type=range]::-moz-range-thumb, +input[readonly=readonly][type=range]::-moz-range-thumb { + pointer-events: none; +} +input[readonly][type=range]::-ms-thumb, +input[readonly=readonly][type=range]::-ms-thumb { + pointer-events: none; +} + +.focus-trap { + display: contents; +} + +.form-label-required:after { + content: " *"; + color: var(--b-theme-danger, #dc3545); +} + +.jumbotron.jumbotron-primary { + background-color: #007bff; + color: #fff; +} +.jumbotron.jumbotron-secondary { + background-color: #6c757d; + color: #fff; +} +.jumbotron.jumbotron-success { + background-color: #28a745; + color: #fff; +} +.jumbotron.jumbotron-info { + background-color: #17a2b8; + color: #fff; +} +.jumbotron.jumbotron-warning { + background-color: #ffc107; + color: #212529; +} +.jumbotron.jumbotron-danger { + background-color: #dc3545; + color: #fff; +} +.jumbotron.jumbotron-light { + background-color: #f8f9fa; + color: #212529; +} +.jumbotron.jumbotron-dark { + background-color: #343a40; + color: #fff; +} +.jumbotron.jumbotron-link { + background-color: #3273dc; + color: #fff; +} + +.b-layout-header-fixed { + z-index: 1020; +} + +.b-layout-footer-fixed { + z-index: 1020; +} + +.b-layout-sider-content { + z-index: 1021; +} + +a.link-unstyled { + text-decoration: none; + color: inherit; +} + +li.list-group-item-action { + cursor: pointer; +} + +.list-group-scrollable { + overflow-y: scroll; +} + +.modal .modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal .modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal .modal-fullscreen .modal-header { + border-radius: 0; +} +.modal .modal-fullscreen .modal-body { + overflow-y: auto; +} +.modal .modal-fullscreen .modal-footer { + border-radius: 0; +} +.modal.fade { + transition: opacity var(--modal-animation-duration, 300ms) linear; +} +.modal.fade .modal-dialog { + transition: -webkit-transform var(--modal-animation-duration, 300ms) ease-out; + transition: transform var(--modal-animation-duration, 300ms) ease-out; +} + +.offcanvas, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { + --offcanvas-zindex: 1045; + --offcanvas-width: 400px; + --offcanvas-height: 30vh; + --offcanvas-padding-x: 1rem; + --offcanvas-padding-y: 1rem; + --offcanvas-color: var(--body-color); + --offcanvas-bg: var(--body-bg); + --offcanvas-border-width: 1px; + --offcanvas-border-color: rgba(0, 0, 0, 0.2); + --offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); + --offcanvas-transition: transform 0.3s ease-in-out; + --offcanvas-title-line-height: 1.5; +} + +@media (max-width: 767.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: white; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { + transform: none; + } + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { + visibility: visible; + } +} +@media (min-width: 576px) { + .offcanvas-sm { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-sm .offcanvas-header { + display: none; + } + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 991.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: white; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; + } + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { + visibility: visible; + } +} +@media (min-width: 768px) { + .offcanvas-md { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1199.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: white; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; + } + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; + } +} +@media (min-width: 992px) { + .offcanvas-lg { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-lg .offcanvas-header { + display: none; + } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas-xl { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: white; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; +} +.offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(-100%); +} +.offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(100%); +} +.offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(-100%); +} +.offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(100%); +} +.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; +} +.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; +} +@media (min-width: 1200px) { + .offcanvas-xl { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: white; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; +} +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(-100%); +} +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateX(100%); +} +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(-100%); +} +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + transform: translateY(100%); +} +.offcanvas.showing, .offcanvas.show:not(.hiding) { + transform: none; +} +.offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + visibility: visible; +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} +.offcanvas-backdrop.fade { + opacity: 0; +} +.offcanvas-backdrop.show { + opacity: 0.5; +} + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); +} +.offcanvas-header .btn-close { + padding: calc(var(--offcanvas-padding-y) * 0.5) calc(var(--offcanvas-padding-x) * 0.5); + margin-top: calc(-0.5 * var(--offcanvas-padding-y)); + margin-right: calc(-0.5 * var(--offcanvas-padding-x)); + margin-bottom: calc(-0.5 * var(--offcanvas-padding-y)); +} + +.offcanvas-footer { + position: sticky; + bottom: 0; + top: auto; + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); +} + +.offcanvas-title { + margin-bottom: 0; + line-height: var(--offcanvas-title-line-height); +} + +.offcanvas-body { + flex-grow: 1; + padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); + overflow-y: auto; +} + +.page-item:not(.disabled) .page-link { + cursor: pointer; +} + +.pagination-xs .page-link { + padding: 0.125rem 0.25rem; + font-size: 0.75rem; + line-height: 1.5; +} +.pagination-xs .page-item:first-child .page-link { + border-top-left-radius: 0.15rem; + border-bottom-left-radius: 0.15rem; +} +.pagination-xs .page-item:last-child .page-link { + border-top-right-radius: 0.15rem; + border-bottom-right-radius: 0.15rem; +} + +.pagination-md .page-link { + padding: 0.625rem 1.25rem; + font-size: 1.125rem; + line-height: 1.5; +} +.pagination-md .page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.pagination-md .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.pagination-xl .page-link { + padding: 1rem 2rem; + font-size: 1.5rem; + line-height: 1.5; +} +.pagination-xl .page-item:first-child .page-link { + border-top-left-radius: 0.4rem; + border-bottom-left-radius: 0.4rem; +} +.pagination-xl .page-item:last-child .page-link { + border-top-right-radius: 0.4rem; + border-bottom-right-radius: 0.4rem; +} + +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-primary { + background-color: #007bff; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-secondary { + background-color: #6c757d; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-success { + background-color: #28a745; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-info { + background-color: #17a2b8; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-warning { + background-color: #ffc107; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-danger { + background-color: #dc3545; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-light { + background-color: #f8f9fa; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-dark { + background-color: #343a40; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-link { + background-color: #3273dc; +} + +.rating:not(.rating-disabled):not(.rating-readonly):hover .rating-item { + cursor: pointer; +} +.rating.rating-disabled { + opacity: 0.65; +} +.rating .rating-item.rating-item-primary { + color: #007bff; +} +.rating .rating-item.rating-item-secondary { + color: #6c757d; +} +.rating .rating-item.rating-item-success { + color: #28a745; +} +.rating .rating-item.rating-item-info { + color: #17a2b8; +} +.rating .rating-item.rating-item-warning { + color: #ffc107; +} +.rating .rating-item.rating-item-danger { + color: #dc3545; +} +.rating .rating-item.rating-item-light { + color: #f8f9fa; +} +.rating .rating-item.rating-item-dark { + color: #343a40; +} +.rating .rating-item.rating-item-link { + color: #3273dc; +} +.rating .rating-item.rating-item-hover { + opacity: 0.7; +} + +.steps { + padding: 0; + margin: 0; + list-style: none; + display: flex; + overflow-x: auto; +} +.steps .step:first-child { + margin-left: auto; +} +.steps .step:last-child { + margin-right: auto; +} + +.step:first-of-type .step-circle::before { + display: none; +} +.step:last-of-type .step-container { + padding-right: 0; +} + +.step-container { + box-sizing: content-box; + display: flex; + align-items: center; + flex-direction: column; + width: 5rem; + min-width: 5rem; + max-width: 5rem; + padding-top: 0.5rem; + padding-right: 1rem; +} + +.step-circle { + position: relative; + display: flex; + justify-content: center; + align-items: center; + width: 1.5rem; + height: 1.5rem; + color: #adb5bd; + border: 2px solid #adb5bd; + border-radius: 100%; + background-color: #fff; +} +.step-circle::before { + content: ""; + display: block; + position: absolute; + top: 50%; + left: -2px; + width: calc(5rem + 1rem - 1.5rem); + height: 2px; + transform: translate(-100%, -50%); + color: #adb5bd; + background-color: currentColor; +} + +.step-text { + color: #adb5bd; + word-break: keep-all; + text-align: center; + margin-top: 0.25em; +} + +.step-completed .step-circle { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.step-completed .step-circle::before { + color: #28a745; +} +.step-completed .step-text { + color: #28a745; +} + +.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-active .step-circle::before { + color: #007bff; +} +.step-active .step-text { + color: #007bff; +} + +.step-primary .step-circle { + color: #007bff; + border-color: #007bff; +} +.step-primary.step-completed .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-primary.step-completed .step-circle::before { + color: #007bff; +} +.step-primary.step-completed .step-text { + color: #007bff; +} +.step-primary.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-primary.step-active::before { + color: #007bff; +} +.step-primary.step-active .step-text { + color: #007bff; +} + +.step-secondary .step-circle { + color: #6c757d; + border-color: #6c757d; +} +.step-secondary.step-completed .step-circle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.step-secondary.step-completed .step-circle::before { + color: #6c757d; +} +.step-secondary.step-completed .step-text { + color: #6c757d; +} +.step-secondary.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-secondary.step-active::before { + color: #007bff; +} +.step-secondary.step-active .step-text { + color: #007bff; +} + +.step-success .step-circle { + color: #28a745; + border-color: #28a745; +} +.step-success.step-completed .step-circle { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.step-success.step-completed .step-circle::before { + color: #28a745; +} +.step-success.step-completed .step-text { + color: #28a745; +} +.step-success.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-success.step-active::before { + color: #007bff; +} +.step-success.step-active .step-text { + color: #007bff; +} + +.step-info .step-circle { + color: #17a2b8; + border-color: #17a2b8; +} +.step-info.step-completed .step-circle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} +.step-info.step-completed .step-circle::before { + color: #17a2b8; +} +.step-info.step-completed .step-text { + color: #17a2b8; +} +.step-info.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-info.step-active::before { + color: #007bff; +} +.step-info.step-active .step-text { + color: #007bff; +} + +.step-warning .step-circle { + color: #ffc107; + border-color: #ffc107; +} +.step-warning.step-completed .step-circle { + color: #fff; + background-color: #ffc107; + border-color: #ffc107; +} +.step-warning.step-completed .step-circle::before { + color: #ffc107; +} +.step-warning.step-completed .step-text { + color: #ffc107; +} +.step-warning.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-warning.step-active::before { + color: #007bff; +} +.step-warning.step-active .step-text { + color: #007bff; +} + +.step-danger .step-circle { + color: #dc3545; + border-color: #dc3545; +} +.step-danger.step-completed .step-circle { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.step-danger.step-completed .step-circle::before { + color: #dc3545; +} +.step-danger.step-completed .step-text { + color: #dc3545; +} +.step-danger.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-danger.step-active::before { + color: #007bff; +} +.step-danger.step-active .step-text { + color: #007bff; +} + +.step-light .step-circle { + color: #f8f9fa; + border-color: #f8f9fa; +} +.step-light.step-completed .step-circle { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.step-light.step-completed .step-circle::before { + color: #f8f9fa; +} +.step-light.step-completed .step-text { + color: #f8f9fa; +} +.step-light.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-light.step-active::before { + color: #007bff; +} +.step-light.step-active .step-text { + color: #007bff; +} + +.step-dark .step-circle { + color: #343a40; + border-color: #343a40; +} +.step-dark.step-completed .step-circle { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.step-dark.step-completed .step-circle::before { + color: #343a40; +} +.step-dark.step-completed .step-text { + color: #343a40; +} +.step-dark.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-dark.step-active::before { + color: #007bff; +} +.step-dark.step-active .step-text { + color: #007bff; +} + +.step-link .step-circle { + color: #3273dc; + border-color: #3273dc; +} +.step-link.step-completed .step-circle { + color: #fff; + background-color: #3273dc; + border-color: #3273dc; +} +.step-link.step-completed .step-circle::before { + color: #3273dc; +} +.step-link.step-completed .step-text { + color: #3273dc; +} +.step-link.step-active .step-circle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.step-link.step-active::before { + color: #007bff; +} +.step-link.step-active .step-text { + color: #007bff; +} + +.steps-content { + margin: 1rem 0; +} +.steps-content > .step-panel { + display: none; +} +.steps-content > .active { + display: block; +} + +.custom-switch .custom-control-input.custom-control-input-primary:checked ~ .custom-control-label::before { + background-color: #007bff; + border-color: #007bff; +} +.custom-switch .custom-control-input.custom-control-input-primary:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + border-color: #007bff; +} +.custom-switch .custom-control-input:disabled.custom-control-input-primary:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-secondary:checked ~ .custom-control-label::before { + background-color: #6c757d; + border-color: #6c757d; +} +.custom-switch .custom-control-input.custom-control-input-secondary:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25); + border-color: #6c757d; +} +.custom-switch .custom-control-input:disabled.custom-control-input-secondary:checked ~ .custom-control-label::before { + background-color: rgba(108, 117, 125, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-success:checked ~ .custom-control-label::before { + background-color: #28a745; + border-color: #28a745; +} +.custom-switch .custom-control-input.custom-control-input-success:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); + border-color: #28a745; +} +.custom-switch .custom-control-input:disabled.custom-control-input-success:checked ~ .custom-control-label::before { + background-color: rgba(40, 167, 69, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-info:checked ~ .custom-control-label::before { + background-color: #17a2b8; + border-color: #17a2b8; +} +.custom-switch .custom-control-input.custom-control-input-info:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25); + border-color: #17a2b8; +} +.custom-switch .custom-control-input:disabled.custom-control-input-info:checked ~ .custom-control-label::before { + background-color: rgba(23, 162, 184, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-warning:checked ~ .custom-control-label::before { + background-color: #ffc107; + border-color: #ffc107; +} +.custom-switch .custom-control-input.custom-control-input-warning:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); + border-color: #ffc107; +} +.custom-switch .custom-control-input:disabled.custom-control-input-warning:checked ~ .custom-control-label::before { + background-color: rgba(255, 193, 7, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-danger:checked ~ .custom-control-label::before { + background-color: #dc3545; + border-color: #dc3545; +} +.custom-switch .custom-control-input.custom-control-input-danger:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); + border-color: #dc3545; +} +.custom-switch .custom-control-input:disabled.custom-control-input-danger:checked ~ .custom-control-label::before { + background-color: rgba(220, 53, 69, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-light:checked ~ .custom-control-label::before { + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.custom-switch .custom-control-input.custom-control-input-light:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.25); + border-color: #f8f9fa; +} +.custom-switch .custom-control-input:disabled.custom-control-input-light:checked ~ .custom-control-label::before { + background-color: rgba(248, 249, 250, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-dark:checked ~ .custom-control-label::before { + background-color: #343a40; + border-color: #343a40; +} +.custom-switch .custom-control-input.custom-control-input-dark:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.25); + border-color: #343a40; +} +.custom-switch .custom-control-input:disabled.custom-control-input-dark:checked ~ .custom-control-label::before { + background-color: rgba(52, 58, 64, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-link:checked ~ .custom-control-label::before { + background-color: #3273dc; + border-color: #3273dc; +} +.custom-switch .custom-control-input.custom-control-input-link:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(50, 115, 220, 0.25); + border-color: #3273dc; +} +.custom-switch .custom-control-input:disabled.custom-control-input-link:checked ~ .custom-control-label::before { + background-color: rgba(50, 115, 220, 0.5); +} + +.custom-switch .custom-control-input.custom-control-input-xs + .custom-control-label { + line-height: 1rem; + vertical-align: middle; + padding-left: 0; +} +.custom-switch .custom-control-input.custom-control-input-xs + .custom-control-label::before { + height: 0.5rem; + width: calc(0.75rem + (0.5rem / 2)); + border-radius: 1rem; +} +.custom-switch .custom-control-input.custom-control-input-xs + .custom-control-label::after { + height: calc(0.5rem - 4px); + width: calc(0.5rem - 4px); + border-radius: calc(0.75rem - (0.5rem / 2)); +} +.custom-switch .custom-control-input.custom-control-input-xs:checked ~ .custom-control-label::after { + transform: translateX(calc(0.75rem - (0.5rem / 2))); +} + +.custom-switch .custom-control-input.custom-control-input-sm + .custom-control-label { + line-height: 1.25rem; + vertical-align: middle; + padding-left: 0; +} +.custom-switch .custom-control-input.custom-control-input-sm + .custom-control-label::before { + height: 0.75rem; + width: calc(1rem + (0.75rem / 2)); + border-radius: 1.5rem; +} +.custom-switch .custom-control-input.custom-control-input-sm + .custom-control-label::after { + height: calc(0.75rem - 4px); + width: calc(0.75rem - 4px); + border-radius: calc(1rem - (0.75rem / 2)); +} +.custom-switch .custom-control-input.custom-control-input-sm:checked ~ .custom-control-label::after { + transform: translateX(calc(1rem - (0.75rem / 2))); +} + +.custom-switch .custom-control-input.custom-control-input-md + .custom-control-label { + line-height: 2rem; + vertical-align: middle; + padding-left: 2rem; +} +.custom-switch .custom-control-input.custom-control-input-md + .custom-control-label::before { + height: 1.5rem; + width: calc(2rem + (1.5rem / 2)); + border-radius: 3rem; +} +.custom-switch .custom-control-input.custom-control-input-md + .custom-control-label::after { + height: calc(1.5rem - 4px); + width: calc(1.5rem - 4px); + border-radius: calc(2rem - (1.5rem / 2)); +} +.custom-switch .custom-control-input.custom-control-input-md:checked ~ .custom-control-label::after { + transform: translateX(calc(2rem - (1.5rem / 2))); +} + +.custom-switch .custom-control-input.custom-control-input-lg + .custom-control-label { + line-height: 2.5rem; + vertical-align: middle; + padding-left: 3rem; +} +.custom-switch .custom-control-input.custom-control-input-lg + .custom-control-label::before { + height: 2rem; + width: calc(3rem + (2rem / 2)); + border-radius: 4rem; +} +.custom-switch .custom-control-input.custom-control-input-lg + .custom-control-label::after { + height: calc(2rem - 4px); + width: calc(2rem - 4px); + border-radius: calc(3rem - (2rem / 2)); +} +.custom-switch .custom-control-input.custom-control-input-lg:checked ~ .custom-control-label::after { + transform: translateX(calc(3rem - (2rem / 2))); +} + +.custom-switch .custom-control-input.custom-control-input-xl + .custom-control-label { + line-height: 3rem; + vertical-align: middle; + padding-left: 4rem; +} +.custom-switch .custom-control-input.custom-control-input-xl + .custom-control-label::before { + height: 2.5rem; + width: calc(4rem + (2.5rem / 2)); + border-radius: 5rem; +} +.custom-switch .custom-control-input.custom-control-input-xl + .custom-control-label::after { + height: calc(2.5rem - 4px); + width: calc(2.5rem - 4px); + border-radius: calc(4rem - (2.5rem / 2)); +} +.custom-switch .custom-control-input.custom-control-input-xl:checked ~ .custom-control-label::after { + transform: translateX(calc(4rem - (2.5rem / 2))); +} + +table.table tbody tr:not(.table-group).selected { + background-color: var(--primary); +} +table.table tbody tr.table-group { + cursor: pointer; + background-color: var(--b-theme-light, var(--light, #f5f5f5)); + font-weight: 700; +} + +tr.table-row-selectable:hover { + cursor: pointer; +} +tr.table-row-selectable:focus[tabindex="0"] { + outline: none; +} + +.table-fixed-header { + overflow-y: auto; +} +.table-fixed-header .table { + border-collapse: separate; + border-spacing: 0; +} +.table-fixed-header .table thead:not(.table-thead-theme) th { + background: white; +} +.table-fixed-header .table thead tr th { + border-top: none; + position: sticky; + z-index: 10; +} +.table-fixed-header .table thead tr:nth-child(1) th { + top: 0; +} + +.table-fixed-columns { + width: 100%; + overflow-x: auto; + white-space: nowrap; + position: relative; +} +.table-fixed-columns .table { + table-layout: fixed; + overflow-x: auto; + white-space: nowrap; + border-collapse: separate; + border-spacing: 0; + border: 0; +} +.table-fixed-columns .table .table-header-cell-fixed-start, +.table-fixed-columns .table .table-row-header-fixed-start, +.table-fixed-columns .table .table-row-cell-fixed-start { + position: sticky; + border-left: none; + z-index: 11; + background-color: white; + border-inline-start-width: 0; + left: 0; +} +.table-fixed-columns .table .table-header-cell-fixed-end, +.table-fixed-columns .table .table-row-header-fixed-end, +.table-fixed-columns .table .table-row-cell-fixed-end { + position: sticky; + border-left: none; + z-index: 11; + background-color: white; + border-inline-start-width: 0; + right: 0; +} + +.snackbar-stack { + z-index: 1009 !important; +} + +.snackbar { + z-index: 1060 !important; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + 0% { + opacity: 0; + } +} +@keyframes slideIn { + 0% { + transform: translateY(1rem); + opacity: 0; + } + 100% { + transform: translateY(0rem); + opacity: 1; + } + 0% { + transform: translateY(1rem); + opacity: 0; + } +} +.border-1 { + border: 1px solid #dee2e6 !important; +} +.border-1.border-primary { + border-color: #007bff !important; +} +.border-1.border-secondary { + border-color: #6c757d !important; +} +.border-1.border-success { + border-color: #28a745 !important; +} +.border-1.border-info { + border-color: #17a2b8 !important; +} +.border-1.border-warning { + border-color: #ffc107 !important; +} +.border-1.border-danger { + border-color: #dc3545 !important; +} +.border-1.border-light { + border-color: #f8f9fa !important; +} +.border-1.border-dark { + border-color: #343a40 !important; +} +.border-1.border-link { + border-color: #3273dc !important; +} + +.border-primary-1 { + border: 1px solid #007bff !important; +} + +.border-secondary-1 { + border: 1px solid #6c757d !important; +} + +.border-success-1 { + border: 1px solid #28a745 !important; +} + +.border-info-1 { + border: 1px solid #17a2b8 !important; +} + +.border-warning-1 { + border: 1px solid #ffc107 !important; +} + +.border-danger-1 { + border: 1px solid #dc3545 !important; +} + +.border-light-1 { + border: 1px solid #f8f9fa !important; +} + +.border-dark-1 { + border: 1px solid #343a40 !important; +} + +.border-link-1 { + border: 1px solid #3273dc !important; +} + +.border-top-1 { + border-top: 1px solid #dee2e6 !important; +} + +.border-primary-top-1 { + border-top: 1px solid #007bff !important; +} + +.border-secondary-top-1 { + border-top: 1px solid #6c757d !important; +} + +.border-success-top-1 { + border-top: 1px solid #28a745 !important; +} + +.border-info-top-1 { + border-top: 1px solid #17a2b8 !important; +} + +.border-warning-top-1 { + border-top: 1px solid #ffc107 !important; +} + +.border-danger-top-1 { + border-top: 1px solid #dc3545 !important; +} + +.border-light-top-1 { + border-top: 1px solid #f8f9fa !important; +} + +.border-dark-top-1 { + border-top: 1px solid #343a40 !important; +} + +.border-link-top-1 { + border-top: 1px solid #3273dc !important; +} + +.border-right-1 { + border-right: 1px solid #dee2e6 !important; +} + +.border-primary-right-1 { + border-right: 1px solid #007bff !important; +} + +.border-secondary-right-1 { + border-right: 1px solid #6c757d !important; +} + +.border-success-right-1 { + border-right: 1px solid #28a745 !important; +} + +.border-info-right-1 { + border-right: 1px solid #17a2b8 !important; +} + +.border-warning-right-1 { + border-right: 1px solid #ffc107 !important; +} + +.border-danger-right-1 { + border-right: 1px solid #dc3545 !important; +} + +.border-light-right-1 { + border-right: 1px solid #f8f9fa !important; +} + +.border-dark-right-1 { + border-right: 1px solid #343a40 !important; +} + +.border-link-right-1 { + border-right: 1px solid #3273dc !important; +} + +.border-bottom-1 { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-primary-bottom-1 { + border-bottom: 1px solid #007bff !important; +} + +.border-secondary-bottom-1 { + border-bottom: 1px solid #6c757d !important; +} + +.border-success-bottom-1 { + border-bottom: 1px solid #28a745 !important; +} + +.border-info-bottom-1 { + border-bottom: 1px solid #17a2b8 !important; +} + +.border-warning-bottom-1 { + border-bottom: 1px solid #ffc107 !important; +} + +.border-danger-bottom-1 { + border-bottom: 1px solid #dc3545 !important; +} + +.border-light-bottom-1 { + border-bottom: 1px solid #f8f9fa !important; +} + +.border-dark-bottom-1 { + border-bottom: 1px solid #343a40 !important; +} + +.border-link-bottom-1 { + border-bottom: 1px solid #3273dc !important; +} + +.border-left-1 { + border-left: 1px solid #dee2e6 !important; +} + +.border-primary-left-1 { + border-left: 1px solid #007bff !important; +} + +.border-secondary-left-1 { + border-left: 1px solid #6c757d !important; +} + +.border-success-left-1 { + border-left: 1px solid #28a745 !important; +} + +.border-info-left-1 { + border-left: 1px solid #17a2b8 !important; +} + +.border-warning-left-1 { + border-left: 1px solid #ffc107 !important; +} + +.border-danger-left-1 { + border-left: 1px solid #dc3545 !important; +} + +.border-light-left-1 { + border-left: 1px solid #f8f9fa !important; +} + +.border-dark-left-1 { + border-left: 1px solid #343a40 !important; +} + +.border-link-left-1 { + border-left: 1px solid #3273dc !important; +} + +.border-2 { + border: 2px solid #dee2e6 !important; +} +.border-2.border-primary { + border-color: #007bff !important; +} +.border-2.border-secondary { + border-color: #6c757d !important; +} +.border-2.border-success { + border-color: #28a745 !important; +} +.border-2.border-info { + border-color: #17a2b8 !important; +} +.border-2.border-warning { + border-color: #ffc107 !important; +} +.border-2.border-danger { + border-color: #dc3545 !important; +} +.border-2.border-light { + border-color: #f8f9fa !important; +} +.border-2.border-dark { + border-color: #343a40 !important; +} +.border-2.border-link { + border-color: #3273dc !important; +} + +.border-primary-2 { + border: 2px solid #007bff !important; +} + +.border-secondary-2 { + border: 2px solid #6c757d !important; +} + +.border-success-2 { + border: 2px solid #28a745 !important; +} + +.border-info-2 { + border: 2px solid #17a2b8 !important; +} + +.border-warning-2 { + border: 2px solid #ffc107 !important; +} + +.border-danger-2 { + border: 2px solid #dc3545 !important; +} + +.border-light-2 { + border: 2px solid #f8f9fa !important; +} + +.border-dark-2 { + border: 2px solid #343a40 !important; +} + +.border-link-2 { + border: 2px solid #3273dc !important; +} + +.border-top-2 { + border-top: 2px solid #dee2e6 !important; +} + +.border-primary-top-2 { + border-top: 2px solid #007bff !important; +} + +.border-secondary-top-2 { + border-top: 2px solid #6c757d !important; +} + +.border-success-top-2 { + border-top: 2px solid #28a745 !important; +} + +.border-info-top-2 { + border-top: 2px solid #17a2b8 !important; +} + +.border-warning-top-2 { + border-top: 2px solid #ffc107 !important; +} + +.border-danger-top-2 { + border-top: 2px solid #dc3545 !important; +} + +.border-light-top-2 { + border-top: 2px solid #f8f9fa !important; +} + +.border-dark-top-2 { + border-top: 2px solid #343a40 !important; +} + +.border-link-top-2 { + border-top: 2px solid #3273dc !important; +} + +.border-right-2 { + border-right: 2px solid #dee2e6 !important; +} + +.border-primary-right-2 { + border-right: 2px solid #007bff !important; +} + +.border-secondary-right-2 { + border-right: 2px solid #6c757d !important; +} + +.border-success-right-2 { + border-right: 2px solid #28a745 !important; +} + +.border-info-right-2 { + border-right: 2px solid #17a2b8 !important; +} + +.border-warning-right-2 { + border-right: 2px solid #ffc107 !important; +} + +.border-danger-right-2 { + border-right: 2px solid #dc3545 !important; +} + +.border-light-right-2 { + border-right: 2px solid #f8f9fa !important; +} + +.border-dark-right-2 { + border-right: 2px solid #343a40 !important; +} + +.border-link-right-2 { + border-right: 2px solid #3273dc !important; +} + +.border-bottom-2 { + border-bottom: 2px solid #dee2e6 !important; +} + +.border-primary-bottom-2 { + border-bottom: 2px solid #007bff !important; +} + +.border-secondary-bottom-2 { + border-bottom: 2px solid #6c757d !important; +} + +.border-success-bottom-2 { + border-bottom: 2px solid #28a745 !important; +} + +.border-info-bottom-2 { + border-bottom: 2px solid #17a2b8 !important; +} + +.border-warning-bottom-2 { + border-bottom: 2px solid #ffc107 !important; +} + +.border-danger-bottom-2 { + border-bottom: 2px solid #dc3545 !important; +} + +.border-light-bottom-2 { + border-bottom: 2px solid #f8f9fa !important; +} + +.border-dark-bottom-2 { + border-bottom: 2px solid #343a40 !important; +} + +.border-link-bottom-2 { + border-bottom: 2px solid #3273dc !important; +} + +.border-left-2 { + border-left: 2px solid #dee2e6 !important; +} + +.border-primary-left-2 { + border-left: 2px solid #007bff !important; +} + +.border-secondary-left-2 { + border-left: 2px solid #6c757d !important; +} + +.border-success-left-2 { + border-left: 2px solid #28a745 !important; +} + +.border-info-left-2 { + border-left: 2px solid #17a2b8 !important; +} + +.border-warning-left-2 { + border-left: 2px solid #ffc107 !important; +} + +.border-danger-left-2 { + border-left: 2px solid #dc3545 !important; +} + +.border-light-left-2 { + border-left: 2px solid #f8f9fa !important; +} + +.border-dark-left-2 { + border-left: 2px solid #343a40 !important; +} + +.border-link-left-2 { + border-left: 2px solid #3273dc !important; +} + +.border-3 { + border: 3px solid #dee2e6 !important; +} +.border-3.border-primary { + border-color: #007bff !important; +} +.border-3.border-secondary { + border-color: #6c757d !important; +} +.border-3.border-success { + border-color: #28a745 !important; +} +.border-3.border-info { + border-color: #17a2b8 !important; +} +.border-3.border-warning { + border-color: #ffc107 !important; +} +.border-3.border-danger { + border-color: #dc3545 !important; +} +.border-3.border-light { + border-color: #f8f9fa !important; +} +.border-3.border-dark { + border-color: #343a40 !important; +} +.border-3.border-link { + border-color: #3273dc !important; +} + +.border-primary-3 { + border: 3px solid #007bff !important; +} + +.border-secondary-3 { + border: 3px solid #6c757d !important; +} + +.border-success-3 { + border: 3px solid #28a745 !important; +} + +.border-info-3 { + border: 3px solid #17a2b8 !important; +} + +.border-warning-3 { + border: 3px solid #ffc107 !important; +} + +.border-danger-3 { + border: 3px solid #dc3545 !important; +} + +.border-light-3 { + border: 3px solid #f8f9fa !important; +} + +.border-dark-3 { + border: 3px solid #343a40 !important; +} + +.border-link-3 { + border: 3px solid #3273dc !important; +} + +.border-top-3 { + border-top: 3px solid #dee2e6 !important; +} + +.border-primary-top-3 { + border-top: 3px solid #007bff !important; +} + +.border-secondary-top-3 { + border-top: 3px solid #6c757d !important; +} + +.border-success-top-3 { + border-top: 3px solid #28a745 !important; +} + +.border-info-top-3 { + border-top: 3px solid #17a2b8 !important; +} + +.border-warning-top-3 { + border-top: 3px solid #ffc107 !important; +} + +.border-danger-top-3 { + border-top: 3px solid #dc3545 !important; +} + +.border-light-top-3 { + border-top: 3px solid #f8f9fa !important; +} + +.border-dark-top-3 { + border-top: 3px solid #343a40 !important; +} + +.border-link-top-3 { + border-top: 3px solid #3273dc !important; +} + +.border-right-3 { + border-right: 3px solid #dee2e6 !important; +} + +.border-primary-right-3 { + border-right: 3px solid #007bff !important; +} + +.border-secondary-right-3 { + border-right: 3px solid #6c757d !important; +} + +.border-success-right-3 { + border-right: 3px solid #28a745 !important; +} + +.border-info-right-3 { + border-right: 3px solid #17a2b8 !important; +} + +.border-warning-right-3 { + border-right: 3px solid #ffc107 !important; +} + +.border-danger-right-3 { + border-right: 3px solid #dc3545 !important; +} + +.border-light-right-3 { + border-right: 3px solid #f8f9fa !important; +} + +.border-dark-right-3 { + border-right: 3px solid #343a40 !important; +} + +.border-link-right-3 { + border-right: 3px solid #3273dc !important; +} + +.border-bottom-3 { + border-bottom: 3px solid #dee2e6 !important; +} + +.border-primary-bottom-3 { + border-bottom: 3px solid #007bff !important; +} + +.border-secondary-bottom-3 { + border-bottom: 3px solid #6c757d !important; +} + +.border-success-bottom-3 { + border-bottom: 3px solid #28a745 !important; +} + +.border-info-bottom-3 { + border-bottom: 3px solid #17a2b8 !important; +} + +.border-warning-bottom-3 { + border-bottom: 3px solid #ffc107 !important; +} + +.border-danger-bottom-3 { + border-bottom: 3px solid #dc3545 !important; +} + +.border-light-bottom-3 { + border-bottom: 3px solid #f8f9fa !important; +} + +.border-dark-bottom-3 { + border-bottom: 3px solid #343a40 !important; +} + +.border-link-bottom-3 { + border-bottom: 3px solid #3273dc !important; +} + +.border-left-3 { + border-left: 3px solid #dee2e6 !important; +} + +.border-primary-left-3 { + border-left: 3px solid #007bff !important; +} + +.border-secondary-left-3 { + border-left: 3px solid #6c757d !important; +} + +.border-success-left-3 { + border-left: 3px solid #28a745 !important; +} + +.border-info-left-3 { + border-left: 3px solid #17a2b8 !important; +} + +.border-warning-left-3 { + border-left: 3px solid #ffc107 !important; +} + +.border-danger-left-3 { + border-left: 3px solid #dc3545 !important; +} + +.border-light-left-3 { + border-left: 3px solid #f8f9fa !important; +} + +.border-dark-left-3 { + border-left: 3px solid #343a40 !important; +} + +.border-link-left-3 { + border-left: 3px solid #3273dc !important; +} + +.border-4 { + border: 4px solid #dee2e6 !important; +} +.border-4.border-primary { + border-color: #007bff !important; +} +.border-4.border-secondary { + border-color: #6c757d !important; +} +.border-4.border-success { + border-color: #28a745 !important; +} +.border-4.border-info { + border-color: #17a2b8 !important; +} +.border-4.border-warning { + border-color: #ffc107 !important; +} +.border-4.border-danger { + border-color: #dc3545 !important; +} +.border-4.border-light { + border-color: #f8f9fa !important; +} +.border-4.border-dark { + border-color: #343a40 !important; +} +.border-4.border-link { + border-color: #3273dc !important; +} + +.border-primary-4 { + border: 4px solid #007bff !important; +} + +.border-secondary-4 { + border: 4px solid #6c757d !important; +} + +.border-success-4 { + border: 4px solid #28a745 !important; +} + +.border-info-4 { + border: 4px solid #17a2b8 !important; +} + +.border-warning-4 { + border: 4px solid #ffc107 !important; +} + +.border-danger-4 { + border: 4px solid #dc3545 !important; +} + +.border-light-4 { + border: 4px solid #f8f9fa !important; +} + +.border-dark-4 { + border: 4px solid #343a40 !important; +} + +.border-link-4 { + border: 4px solid #3273dc !important; +} + +.border-top-4 { + border-top: 4px solid #dee2e6 !important; +} + +.border-primary-top-4 { + border-top: 4px solid #007bff !important; +} + +.border-secondary-top-4 { + border-top: 4px solid #6c757d !important; +} + +.border-success-top-4 { + border-top: 4px solid #28a745 !important; +} + +.border-info-top-4 { + border-top: 4px solid #17a2b8 !important; +} + +.border-warning-top-4 { + border-top: 4px solid #ffc107 !important; +} + +.border-danger-top-4 { + border-top: 4px solid #dc3545 !important; +} + +.border-light-top-4 { + border-top: 4px solid #f8f9fa !important; +} + +.border-dark-top-4 { + border-top: 4px solid #343a40 !important; +} + +.border-link-top-4 { + border-top: 4px solid #3273dc !important; +} + +.border-right-4 { + border-right: 4px solid #dee2e6 !important; +} + +.border-primary-right-4 { + border-right: 4px solid #007bff !important; +} + +.border-secondary-right-4 { + border-right: 4px solid #6c757d !important; +} + +.border-success-right-4 { + border-right: 4px solid #28a745 !important; +} + +.border-info-right-4 { + border-right: 4px solid #17a2b8 !important; +} + +.border-warning-right-4 { + border-right: 4px solid #ffc107 !important; +} + +.border-danger-right-4 { + border-right: 4px solid #dc3545 !important; +} + +.border-light-right-4 { + border-right: 4px solid #f8f9fa !important; +} + +.border-dark-right-4 { + border-right: 4px solid #343a40 !important; +} + +.border-link-right-4 { + border-right: 4px solid #3273dc !important; +} + +.border-bottom-4 { + border-bottom: 4px solid #dee2e6 !important; +} + +.border-primary-bottom-4 { + border-bottom: 4px solid #007bff !important; +} + +.border-secondary-bottom-4 { + border-bottom: 4px solid #6c757d !important; +} + +.border-success-bottom-4 { + border-bottom: 4px solid #28a745 !important; +} + +.border-info-bottom-4 { + border-bottom: 4px solid #17a2b8 !important; +} + +.border-warning-bottom-4 { + border-bottom: 4px solid #ffc107 !important; +} + +.border-danger-bottom-4 { + border-bottom: 4px solid #dc3545 !important; +} + +.border-light-bottom-4 { + border-bottom: 4px solid #f8f9fa !important; +} + +.border-dark-bottom-4 { + border-bottom: 4px solid #343a40 !important; +} + +.border-link-bottom-4 { + border-bottom: 4px solid #3273dc !important; +} + +.border-left-4 { + border-left: 4px solid #dee2e6 !important; +} + +.border-primary-left-4 { + border-left: 4px solid #007bff !important; +} + +.border-secondary-left-4 { + border-left: 4px solid #6c757d !important; +} + +.border-success-left-4 { + border-left: 4px solid #28a745 !important; +} + +.border-info-left-4 { + border-left: 4px solid #17a2b8 !important; +} + +.border-warning-left-4 { + border-left: 4px solid #ffc107 !important; +} + +.border-danger-left-4 { + border-left: 4px solid #dc3545 !important; +} + +.border-light-left-4 { + border-left: 4px solid #f8f9fa !important; +} + +.border-dark-left-4 { + border-left: 4px solid #343a40 !important; +} + +.border-link-left-4 { + border-left: 4px solid #3273dc !important; +} + +.border-5 { + border: 5px solid #dee2e6 !important; +} +.border-5.border-primary { + border-color: #007bff !important; +} +.border-5.border-secondary { + border-color: #6c757d !important; +} +.border-5.border-success { + border-color: #28a745 !important; +} +.border-5.border-info { + border-color: #17a2b8 !important; +} +.border-5.border-warning { + border-color: #ffc107 !important; +} +.border-5.border-danger { + border-color: #dc3545 !important; +} +.border-5.border-light { + border-color: #f8f9fa !important; +} +.border-5.border-dark { + border-color: #343a40 !important; +} +.border-5.border-link { + border-color: #3273dc !important; +} + +.border-primary-5 { + border: 5px solid #007bff !important; +} + +.border-secondary-5 { + border: 5px solid #6c757d !important; +} + +.border-success-5 { + border: 5px solid #28a745 !important; +} + +.border-info-5 { + border: 5px solid #17a2b8 !important; +} + +.border-warning-5 { + border: 5px solid #ffc107 !important; +} + +.border-danger-5 { + border: 5px solid #dc3545 !important; +} + +.border-light-5 { + border: 5px solid #f8f9fa !important; +} + +.border-dark-5 { + border: 5px solid #343a40 !important; +} + +.border-link-5 { + border: 5px solid #3273dc !important; +} + +.border-top-5 { + border-top: 5px solid #dee2e6 !important; +} + +.border-primary-top-5 { + border-top: 5px solid #007bff !important; +} + +.border-secondary-top-5 { + border-top: 5px solid #6c757d !important; +} + +.border-success-top-5 { + border-top: 5px solid #28a745 !important; +} + +.border-info-top-5 { + border-top: 5px solid #17a2b8 !important; +} + +.border-warning-top-5 { + border-top: 5px solid #ffc107 !important; +} + +.border-danger-top-5 { + border-top: 5px solid #dc3545 !important; +} + +.border-light-top-5 { + border-top: 5px solid #f8f9fa !important; +} + +.border-dark-top-5 { + border-top: 5px solid #343a40 !important; +} + +.border-link-top-5 { + border-top: 5px solid #3273dc !important; +} + +.border-right-5 { + border-right: 5px solid #dee2e6 !important; +} + +.border-primary-right-5 { + border-right: 5px solid #007bff !important; +} + +.border-secondary-right-5 { + border-right: 5px solid #6c757d !important; +} + +.border-success-right-5 { + border-right: 5px solid #28a745 !important; +} + +.border-info-right-5 { + border-right: 5px solid #17a2b8 !important; +} + +.border-warning-right-5 { + border-right: 5px solid #ffc107 !important; +} + +.border-danger-right-5 { + border-right: 5px solid #dc3545 !important; +} + +.border-light-right-5 { + border-right: 5px solid #f8f9fa !important; +} + +.border-dark-right-5 { + border-right: 5px solid #343a40 !important; +} + +.border-link-right-5 { + border-right: 5px solid #3273dc !important; +} + +.border-bottom-5 { + border-bottom: 5px solid #dee2e6 !important; +} + +.border-primary-bottom-5 { + border-bottom: 5px solid #007bff !important; +} + +.border-secondary-bottom-5 { + border-bottom: 5px solid #6c757d !important; +} + +.border-success-bottom-5 { + border-bottom: 5px solid #28a745 !important; +} + +.border-info-bottom-5 { + border-bottom: 5px solid #17a2b8 !important; +} + +.border-warning-bottom-5 { + border-bottom: 5px solid #ffc107 !important; +} + +.border-danger-bottom-5 { + border-bottom: 5px solid #dc3545 !important; +} + +.border-light-bottom-5 { + border-bottom: 5px solid #f8f9fa !important; +} + +.border-dark-bottom-5 { + border-bottom: 5px solid #343a40 !important; +} + +.border-link-bottom-5 { + border-bottom: 5px solid #3273dc !important; +} + +.border-left-5 { + border-left: 5px solid #dee2e6 !important; +} + +.border-primary-left-5 { + border-left: 5px solid #007bff !important; +} + +.border-secondary-left-5 { + border-left: 5px solid #6c757d !important; +} + +.border-success-left-5 { + border-left: 5px solid #28a745 !important; +} + +.border-info-left-5 { + border-left: 5px solid #17a2b8 !important; +} + +.border-warning-left-5 { + border-left: 5px solid #ffc107 !important; +} + +.border-danger-left-5 { + border-left: 5px solid #dc3545 !important; +} + +.border-light-left-5 { + border-left: 5px solid #f8f9fa !important; +} + +.border-dark-left-5 { + border-left: 5px solid #343a40 !important; +} + +.border-link-left-5 { + border-left: 5px solid #3273dc !important; +} + +.cursor-pointer { + cursor: pointer; +} + +.grid { + display: grid; + grid-template-rows: repeat(1, 1fr); + grid-template-columns: repeat(12, 1fr); + gap: 1.5rem; +} +.grid.g-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); +} +.grid.g-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); +} +.grid.g-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); +} +.grid.g-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); +} +.grid.g-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); +} +.grid.g-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); +} +.grid.g-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} +.grid.g-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.grid.g-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} +.grid.g-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.grid.g-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} +.grid.g-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} +.grid.g-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} +.grid.g-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); +} +.grid.g-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); +} +.grid.g-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); +} +.grid.g-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); +} +.grid.g-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} +@media (min-width: 576px) { + .grid.g-rows-sm-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } + .grid.g-rows-sm-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } + .grid.g-rows-sm-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } + .grid.g-rows-sm-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } + .grid.g-rows-sm-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } + .grid.g-rows-sm-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-sm-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .grid.g-cols-sm-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .grid.g-cols-sm-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .grid.g-cols-sm-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .grid.g-cols-sm-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .grid.g-cols-sm-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-sm-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .grid.g-cols-sm-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .grid.g-cols-sm-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .grid.g-cols-sm-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .grid.g-cols-sm-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .grid.g-cols-sm-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } +} +@media (min-width: 768px) { + .grid.g-rows-md-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } + .grid.g-rows-md-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } + .grid.g-rows-md-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } + .grid.g-rows-md-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } + .grid.g-rows-md-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } + .grid.g-rows-md-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-md-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .grid.g-cols-md-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .grid.g-cols-md-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .grid.g-cols-md-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .grid.g-cols-md-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .grid.g-cols-md-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-md-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .grid.g-cols-md-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .grid.g-cols-md-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .grid.g-cols-md-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .grid.g-cols-md-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .grid.g-cols-md-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } +} +@media (min-width: 992px) { + .grid.g-rows-lg-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } + .grid.g-rows-lg-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } + .grid.g-rows-lg-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } + .grid.g-rows-lg-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } + .grid.g-rows-lg-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } + .grid.g-rows-lg-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-lg-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .grid.g-cols-lg-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .grid.g-cols-lg-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .grid.g-cols-lg-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .grid.g-cols-lg-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .grid.g-cols-lg-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-lg-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .grid.g-cols-lg-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .grid.g-cols-lg-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .grid.g-cols-lg-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .grid.g-cols-lg-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .grid.g-cols-lg-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } +} +@media (min-width: 1200px) { + .grid.g-rows-xl-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } + .grid.g-rows-xl-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } + .grid.g-rows-xl-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } + .grid.g-rows-xl-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } + .grid.g-rows-xl-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } + .grid.g-rows-xl-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-xl-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .grid.g-cols-xl-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .grid.g-cols-xl-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .grid.g-cols-xl-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .grid.g-cols-xl-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .grid.g-cols-xl-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .grid.g-cols-xl-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .grid.g-cols-xl-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .grid.g-cols-xl-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .grid.g-cols-xl-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .grid.g-cols-xl-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .grid.g-cols-xl-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } +} +.grid .g-col-1 { + grid-column: auto/span 1; +} +.grid .g-col-2 { + grid-column: auto/span 2; +} +.grid .g-col-3 { + grid-column: auto/span 3; +} +.grid .g-col-4 { + grid-column: auto/span 4; +} +.grid .g-col-5 { + grid-column: auto/span 5; +} +.grid .g-col-6 { + grid-column: auto/span 6; +} +.grid .g-col-7 { + grid-column: auto/span 7; +} +.grid .g-col-8 { + grid-column: auto/span 8; +} +.grid .g-col-9 { + grid-column: auto/span 9; +} +.grid .g-col-10 { + grid-column: auto/span 10; +} +.grid .g-col-11 { + grid-column: auto/span 11; +} +.grid .g-col-12 { + grid-column: auto/span 12; +} +@media (min-width: 576px) { + .grid .g-col-sm-1 { + grid-column: auto/span 1; + } + .grid .g-col-sm-2 { + grid-column: auto/span 2; + } + .grid .g-col-sm-3 { + grid-column: auto/span 3; + } + .grid .g-col-sm-4 { + grid-column: auto/span 4; + } + .grid .g-col-sm-5 { + grid-column: auto/span 5; + } + .grid .g-col-sm-6 { + grid-column: auto/span 6; + } + .grid .g-col-sm-7 { + grid-column: auto/span 7; + } + .grid .g-col-sm-8 { + grid-column: auto/span 8; + } + .grid .g-col-sm-9 { + grid-column: auto/span 9; + } + .grid .g-col-sm-10 { + grid-column: auto/span 10; + } + .grid .g-col-sm-11 { + grid-column: auto/span 11; + } + .grid .g-col-sm-12 { + grid-column: auto/span 12; + } +} +@media (min-width: 768px) { + .grid .g-col-md-1 { + grid-column: auto/span 1; + } + .grid .g-col-md-2 { + grid-column: auto/span 2; + } + .grid .g-col-md-3 { + grid-column: auto/span 3; + } + .grid .g-col-md-4 { + grid-column: auto/span 4; + } + .grid .g-col-md-5 { + grid-column: auto/span 5; + } + .grid .g-col-md-6 { + grid-column: auto/span 6; + } + .grid .g-col-md-7 { + grid-column: auto/span 7; + } + .grid .g-col-md-8 { + grid-column: auto/span 8; + } + .grid .g-col-md-9 { + grid-column: auto/span 9; + } + .grid .g-col-md-10 { + grid-column: auto/span 10; + } + .grid .g-col-md-11 { + grid-column: auto/span 11; + } + .grid .g-col-md-12 { + grid-column: auto/span 12; + } +} +@media (min-width: 992px) { + .grid .g-col-lg-1 { + grid-column: auto/span 1; + } + .grid .g-col-lg-2 { + grid-column: auto/span 2; + } + .grid .g-col-lg-3 { + grid-column: auto/span 3; + } + .grid .g-col-lg-4 { + grid-column: auto/span 4; + } + .grid .g-col-lg-5 { + grid-column: auto/span 5; + } + .grid .g-col-lg-6 { + grid-column: auto/span 6; + } + .grid .g-col-lg-7 { + grid-column: auto/span 7; + } + .grid .g-col-lg-8 { + grid-column: auto/span 8; + } + .grid .g-col-lg-9 { + grid-column: auto/span 9; + } + .grid .g-col-lg-10 { + grid-column: auto/span 10; + } + .grid .g-col-lg-11 { + grid-column: auto/span 11; + } + .grid .g-col-lg-12 { + grid-column: auto/span 12; + } +} +@media (min-width: 1200px) { + .grid .g-col-xl-1 { + grid-column: auto/span 1; + } + .grid .g-col-xl-2 { + grid-column: auto/span 2; + } + .grid .g-col-xl-3 { + grid-column: auto/span 3; + } + .grid .g-col-xl-4 { + grid-column: auto/span 4; + } + .grid .g-col-xl-5 { + grid-column: auto/span 5; + } + .grid .g-col-xl-6 { + grid-column: auto/span 6; + } + .grid .g-col-xl-7 { + grid-column: auto/span 7; + } + .grid .g-col-xl-8 { + grid-column: auto/span 8; + } + .grid .g-col-xl-9 { + grid-column: auto/span 9; + } + .grid .g-col-xl-10 { + grid-column: auto/span 10; + } + .grid .g-col-xl-11 { + grid-column: auto/span 11; + } + .grid .g-col-xl-12 { + grid-column: auto/span 12; + } +} + +ol.ordered-list-lower-alpha { + list-style-type: lower-alpha; +} +ol.ordered-list-lower-roman { + list-style-type: lower-roman; +} +ol.ordered-list-upper-alpha { + list-style-type: upper-alpha; +} +ol.ordered-list-upper-roman { + list-style-type: upper-roman; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.overflow-auto-auto { + overflow: auto auto !important; +} + +.overflow-auto-hidden { + overflow: auto hidden !important; +} + +.overflow-auto-visible { + overflow: auto visible !important; +} + +.overflow-auto-scroll { + overflow: auto scroll !important; +} + +.overflow-hidden-auto { + overflow: hidden auto !important; +} + +.overflow-hidden-hidden { + overflow: hidden hidden !important; +} + +.overflow-hidden-visible { + overflow: hidden visible !important; +} + +.overflow-hidden-scroll { + overflow: hidden scroll !important; +} + +.overflow-visible-auto { + overflow: visible auto !important; +} + +.overflow-visible-hidden { + overflow: visible hidden !important; +} + +.overflow-visible-visible { + overflow: visible visible !important; +} + +.overflow-visible-scroll { + overflow: visible scroll !important; +} + +.overflow-scroll-auto { + overflow: scroll auto !important; +} + +.overflow-scroll-hidden { + overflow: scroll hidden !important; +} + +.overflow-scroll-visible { + overflow: scroll visible !important; +} + +.overflow-scroll-scroll { + overflow: scroll scroll !important; +} + +.top-0 { + top: 0 !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.left-0 { + left: 0 !important; +} + +.right-0 { + right: 0 !important; +} + +.top-50 { + top: 50% !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.left-50 { + left: 50% !important; +} + +.right-50 { + right: 50% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.left-100 { + left: 100% !important; +} + +.right-100 { + right: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +@media (min-width: 576px) { + .w-sm-25 { + width: 25% !important; + } + .w-sm-33 { + width: 33.333333% !important; + } + .w-sm-50 { + width: 50% !important; + } + .w-sm-66 { + width: 66.666667% !important; + } + .w-sm-75 { + width: 75% !important; + } + .w-sm-100 { + width: 100% !important; + } + .w-sm-auto { + width: auto !important; + } + .h-sm-25 { + height: 25% !important; + } + .h-sm-33 { + height: 33.333333% !important; + } + .h-sm-50 { + height: 50% !important; + } + .h-sm-66 { + height: 66.666667% !important; + } + .h-sm-75 { + height: 75% !important; + } + .h-sm-100 { + height: 100% !important; + } + .h-sm-auto { + height: auto !important; + } + .mw-sm-100 { + max-width: 100% !important; + } + .mh-sm-100 { + max-height: 100% !important; + } + .min-vw-sm-100 { + min-width: 100vw !important; + } + .min-vh-sm-100 { + min-height: 100vh !important; + } + .vw-sm-100 { + width: 100vw !important; + } + .vh-sm-100 { + height: 100vh !important; + } +} +@media (min-width: 768px) { + .w-md-25 { + width: 25% !important; + } + .w-md-33 { + width: 33.333333% !important; + } + .w-md-50 { + width: 50% !important; + } + .w-md-66 { + width: 66.666667% !important; + } + .w-md-75 { + width: 75% !important; + } + .w-md-100 { + width: 100% !important; + } + .w-md-auto { + width: auto !important; + } + .h-md-25 { + height: 25% !important; + } + .h-md-33 { + height: 33.333333% !important; + } + .h-md-50 { + height: 50% !important; + } + .h-md-66 { + height: 66.666667% !important; + } + .h-md-75 { + height: 75% !important; + } + .h-md-100 { + height: 100% !important; + } + .h-md-auto { + height: auto !important; + } + .mw-md-100 { + max-width: 100% !important; + } + .mh-md-100 { + max-height: 100% !important; + } + .min-vw-md-100 { + min-width: 100vw !important; + } + .min-vh-md-100 { + min-height: 100vh !important; + } + .vw-md-100 { + width: 100vw !important; + } + .vh-md-100 { + height: 100vh !important; + } +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; + } + .w-lg-33 { + width: 33.333333% !important; + } + .w-lg-50 { + width: 50% !important; + } + .w-lg-66 { + width: 66.666667% !important; + } + .w-lg-75 { + width: 75% !important; + } + .w-lg-100 { + width: 100% !important; + } + .w-lg-auto { + width: auto !important; + } + .h-lg-25 { + height: 25% !important; + } + .h-lg-33 { + height: 33.333333% !important; + } + .h-lg-50 { + height: 50% !important; + } + .h-lg-66 { + height: 66.666667% !important; + } + .h-lg-75 { + height: 75% !important; + } + .h-lg-100 { + height: 100% !important; + } + .h-lg-auto { + height: auto !important; + } + .mw-lg-100 { + max-width: 100% !important; + } + .mh-lg-100 { + max-height: 100% !important; + } + .min-vw-lg-100 { + min-width: 100vw !important; + } + .min-vh-lg-100 { + min-height: 100vh !important; + } + .vw-lg-100 { + width: 100vw !important; + } + .vh-lg-100 { + height: 100vh !important; + } +} +@media (min-width: 1200px) { + .w-xl-25 { + width: 25% !important; + } + .w-xl-33 { + width: 33.333333% !important; + } + .w-xl-50 { + width: 50% !important; + } + .w-xl-66 { + width: 66.666667% !important; + } + .w-xl-75 { + width: 75% !important; + } + .w-xl-100 { + width: 100% !important; + } + .w-xl-auto { + width: auto !important; + } + .h-xl-25 { + height: 25% !important; + } + .h-xl-33 { + height: 33.333333% !important; + } + .h-xl-50 { + height: 50% !important; + } + .h-xl-66 { + height: 66.666667% !important; + } + .h-xl-75 { + height: 75% !important; + } + .h-xl-100 { + height: 100% !important; + } + .h-xl-auto { + height: auto !important; + } + .mw-xl-100 { + max-width: 100% !important; + } + .mh-xl-100 { + max-height: 100% !important; + } + .min-vw-xl-100 { + min-width: 100vw !important; + } + .min-vh-xl-100 { + min-height: 100vh !important; + } + .vw-xl-100 { + width: 100vw !important; + } + .vh-xl-100 { + height: 100vh !important; + } +} +.gap-0 { + gap: 0 !important; +} + +.gap-y-0 { + row-gap: 0 !important; +} + +.gap-x-0 { + column-gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-y-1 { + row-gap: 0.25rem !important; +} + +.gap-x-1 { + column-gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-y-2 { + row-gap: 0.5rem !important; +} + +.gap-x-2 { + column-gap: 0.5rem !important; +} + +.gap-3 { + gap: 1rem !important; +} + +.gap-y-3 { + row-gap: 1rem !important; +} + +.gap-x-3 { + column-gap: 1rem !important; +} + +.gap-4 { + gap: 1.5rem !important; +} + +.gap-y-4 { + row-gap: 1.5rem !important; +} + +.gap-x-4 { + column-gap: 1.5rem !important; +} + +.gap-5 { + gap: 3rem !important; +} + +.gap-y-5 { + row-gap: 3rem !important; +} + +.gap-x-5 { + column-gap: 3rem !important; +} + +.fs-xs { + font-size: 0.75rem !important; +} +.fs-sm { + font-size: 0.925rem !important; +} +.fs-md { + font-size: 1.125rem !important; +} +.fs-lg { + font-size: 1.25rem !important; +} +.fs-xl { + font-size: 1.5rem !important; +} +.fs-1 { + font-size: 2.5rem !important; +} +.fs-2 { + font-size: 2rem !important; +} +.fs-3 { + font-size: 1.75rem !important; +} +.fs-4 { + font-size: 1.5rem !important; +} +.fs-5 { + font-size: 1.25rem !important; +} +.fs-6 { + font-size: 1rem !important; +} + +.font-weight-semibold { + font-weight: 600 !important; +} + +.flatpickr-months { + margin: 0.5rem 0; +} +.flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { + height: auto; + position: relative; +} +.flatpickr-months .flatpickr-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { + fill: #007bff; +} +.flatpickr-months .flatpickr-month { + color: #212529; +} + +.flatpickr-current-month { + padding: 13px 0 0 0; + font-size: 115%; +} +.flatpickr-current-month span.cur-month { + font-weight: 700; +} +.flatpickr-current-month span.cur-month:hover { + background: rgba(0, 123, 255, 0.15); +} + +.numInputWrapper:hover { + background: rgba(0, 123, 255, 0.15); +} + +.flatpickr-day { + border-radius: 0.25rem; + font-weight: 500; + color: #212529; +} +.flatpickr-day.today { + border-color: #007bff; +} +.flatpickr-day.today:hover { + background: #007bff; + border-color: #007bff; +} +.flatpickr-day:hover { + background: rgba(0, 123, 255, 0.1); + border-color: rgba(0, 0, 0, 0); +} + +span.flatpickr-weekday { + color: #212529; +} + +.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { + background: #007bff; + border-color: #007bff; +} + +.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { + box-shadow: -10px 0 0 #007bff; +} + +.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { + border-radius: 0.25rem 0 0 0.25rem; +} + +.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { + border-radius: 0 0.25rem 0.25rem 0; +} + +.flatpickr-monthSelect-month:hover, +.flatpickr-monthSelect-month:focus { + background: rgba(0, 123, 255, 0.1); +} + +.flatpickr-monthSelect-month.selected { + background-color: #007bff; +} diff --git a/_content/Blazorise.Bootstrap/blazorise.bootstrap.min.css b/_content/Blazorise.Bootstrap/blazorise.bootstrap.min.css new file mode 100755 index 0000000..ded81a3 --- /dev/null +++ b/_content/Blazorise.Bootstrap/blazorise.bootstrap.min.css @@ -0,0 +1 @@ +.badge-close{cursor:pointer;}.badge-close::before{height:2px;width:50%;}.badge-close::after{height:50%;width:2px;}.badge-close:hover,.badge-close:focus{background-color:rgba(10,10,10,.3);}.badge-close:active{background-color:rgba(10,10,10,.4);}.navbar-nav .nav-item:hover{cursor:pointer;}.navbar-nav .nav-link:hover{cursor:pointer;}.nav .nav-link:hover{cursor:pointer;}.nav-item{position:relative;}.b-bar-horizontal .nav-item.dropdown .dropdown-menu>.dropdown>.dropdown-item{width:100%;}.b-bar-horizontal .nav-item.dropdown .dropdown-menu>.dropdown>.dropdown-item::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;}.b-bar-horizontal .nav-item.dropdown .dropdown-menu>.dropdown>.dropdown-item:empty::after{margin-left:0;}.b-bar-horizontal .nav-item.dropdown .dropdown-menu>.dropdown>.dropdown-item::after{transform:rotate(-90deg);position:absolute;right:10%;top:45%;}.b-bar-horizontal .nav-item.dropdown .dropdown-menu>.dropdown>.dropdown-menu{top:0;left:100%;margin-left:0;margin-right:.1rem;}.btn-group>.b-tooltip:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0;}.btn-group>.b-tooltip:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0;}.btn-group.btn-group-toggle .btn.active.disabled{opacity:1;}.btn-group-vertical>.b-tooltip:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0;}.btn-group-vertical>.b-tooltip:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0;}.btn-xs,.btn-group-xs>.btn{padding:.15rem .5rem;font-size:.75rem;line-height:1.5;border-radius:.15rem;}.btn-md,.btn-group-md>.btn{padding:.47rem 1rem;font-size:1.125rem;line-height:1.5;border-radius:.25rem;}.btn-xl,.btn-group-xl>.btn{padding:.5rem 1rem;font-size:1.5rem;line-height:1.5;border-radius:.4rem;}.table-fixed-header .table thead tr th.dropdown-table-fixed-header-visible{z-index:11;}.dropdown-menu-position-strategy{width:max-content;top:0;left:0;}.dropdown-menu-position-strategy-absolute{position:absolute;}.dropdown-menu-position-strategy-fixed{position:fixed;}.dropdown-toggle.dropdown-toggle-hidden::after{content:none!important;}.dropdown-toggle.dropdown-toggle-hidden::before{content:none!important;}.dropdown-menu.show{animation-duration:.3s;animation-fill-mode:both;animation-name:fadeIn;}.dropdown-menu a:not([href]).dropdown-item:not(.disabled){cursor:pointer;}.dropdown-menu.dropdown-menu-scrollable{max-height:var(--dropdown-list-menu-max-height,200px);overflow-y:scroll;}.b-is-autocomplete .dropdown-menu{width:100%;max-height:var(--autocomplete-menu-max-height,200px);overflow-y:scroll;}.b-is-autocomplete .dropdown-menu .dropdown-item.focus{color:#16181b!important;text-decoration:none;background-color:#e9ecef;}.b-is-autocomplete.b-is-autocomplete-multipleselection{display:flex;align-items:center;flex-wrap:wrap;max-width:100%;width:100%;cursor:text;line-height:1.5;outline:1px solid #ced4da;border-radius:.25rem;}.b-is-autocomplete.b-is-autocomplete-multipleselection>input.form-control:not(.is-valid,.is-invalid){border:0;}.b-is-autocomplete.b-is-autocomplete-multipleselection>input.form-control{display:inline-block;box-shadow:none;outline:0;background-color:transparent;max-width:inherit;width:auto;flex-grow:1;}.b-is-autocomplete.b-is-autocomplete-multipleselection>.badge{margin-top:.25rem;margin-bottom:.25rem;line-height:1.5;flex-grow:initial;}.b-is-autocomplete.b-is-autocomplete-multipleselection:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}.dropdown{position:relative;}.dropdown .btn.dropdown-toggle:not(.btn-outline){box-shadow:none;}.dropdown.dropdown-disabled.b-is-autocomplete{background-color:var(--b-theme-light,#e9ecef);}.dropdown>.dropdown-menu>.dropdown:not(.dropup,.dropleft,.dropright){position:relative;}.dropdown>.dropdown-menu>.dropdown:not(.dropup,.dropleft,.dropright)>.dropdown-toggle{width:100%;}.dropdown>.dropdown-menu>.dropdown:not(.dropup,.dropleft,.dropright)>.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;position:absolute;right:10%;top:45%;}.dropdown>.dropdown-menu>.dropdown:not(.dropup,.dropleft,.dropright)>.dropdown-menu{top:auto;left:auto;bottom:auto;right:auto;}.dropdown>.dropdown-menu>.dropdown.dropup .dropdown-toggle::after,.dropdown>.dropdown-menu>.dropdown.dropleft .dropdown-toggle::after,.dropdown>.dropdown-menu>.dropdown.dropright .dropdown-toggle::after{position:absolute;right:10%;top:45%;}.dropdown.dropup>.dropdown-menu{top:auto;left:auto;bottom:auto;margin-top:0;margin-bottom:.125rem;}.dropdown.dropup>.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent;}.dropdown.dropright>.dropdown-menu{top:0%;right:auto;left:100%;bottom:auto;margin-top:0;margin-left:.125rem;}.dropdown.dropright>.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid;vertical-align:0;}.dropdown.dropleft>.dropdown-menu{top:0%;right:100%;left:auto;bottom:auto;margin-top:0;margin-right:.125rem;}.dropdown.dropleft>.dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent;vertical-align:0;}.figure.figure-is-16x16{height:16px;width:16px;}.figure.figure-is-24x24{height:24px;width:24px;}.figure.figure-is-32x32{height:32px;width:32px;}.figure.figure-is-48x48{height:48px;width:48px;}.figure.figure-is-64x64{height:64px;width:64px;}.figure.figure-is-96x96{height:96px;width:96px;}.figure.figure-is-128x128{height:128px;width:128px;}.figure.figure-is-256x256{height:256px;width:256px;}.figure.figure-is-512x512{height:512px;width:512px;}.form-check>.form-check-input.form-check-input-pointer,.form-check>.form-check-label.form-check-label-pointer,.custom-checkbox>.custom-control-input.custom-control-input-pointer,.custom-checkbox>.custom-control-label.custom-control-label-pointer,.custom-switch>.custom-control-input.custom-control-input-pointer,.custom-switch>.custom-control-label.custom-control-label-pointer{cursor:pointer;}.form-control-plaintext.form-control-xs,.form-control-plaintext.form-control-md,.form-control-plaintext.form-control-xl{padding-right:0;padding-left:0;}.form-control-xs{height:calc(1.5em + .3rem + 2px);padding:.15rem .5rem;font-size:.75rem;line-height:1.5;border-radius:.15rem;}.form-control-md{height:calc(1.5em + .94rem + 2px);padding:.47rem 1rem;font-size:1.125rem;line-height:1.5;border-radius:.25rem;}.form-control-xl{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.5rem;line-height:1.5;border-radius:.4rem;}.custom-select-xs{height:calc(1.5em + .3rem + 2px);padding-top:.15rem;padding-bottom:.15rem;padding-left:.5rem;font-size:.75rem;}.custom-select-md{height:calc(1.5em + .94rem + 2px);padding-top:.47rem;padding-bottom:.47rem;padding-left:1rem;font-size:1.125rem;}.custom-select-xl{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.5rem;}.input-group>.b-numeric:not(:last-child)>input,.input-group>.flatpickr-wrapper:not(:last-child)>input{border-top-right-radius:0;border-bottom-right-radius:0;}.input-group>.b-numeric:not(:first-child)>input,.input-group>.flatpickr-wrapper:not(:first-child)>input{border-top-left-radius:0;border-bottom-left-radius:0;}.input-group-xs>.form-control:not(textarea),.input-group-xs>.custom-select,.input-group-xs>.b-numeric>input{height:calc(1.5em + .3rem + 2px);}.input-group-xs>.form-control,.input-group-xs>.custom-select,.input-group-xs>.input-group-prepend>.input-group-text,.input-group-xs>.input-group-append>.input-group-text,.input-group-xs>.input-group-prepend>.btn,.input-group-xs>.input-group-append>.btn,.input-group-xs>.b-numeric>input{padding:.15rem .5rem;font-size:.75rem;line-height:1.5;border-radius:.15rem;}.input-group-sm>.b-numeric>input{height:calc(1.5em + .5rem + 2px);}.input-group-sm>.b-numeric>input{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem;}.input-group-md>.form-control:not(textarea),.input-group-md>.custom-select,.input-group-md>.b-numeric>input{height:calc(1.5em + .94rem + 2px);}.input-group-md>.form-control,.input-group-md>.custom-select,.input-group-md>.input-group-prepend>.input-group-text,.input-group-md>.input-group-append>.input-group-text,.input-group-md>.input-group-prepend>.btn,.input-group-md>.input-group-append>.btn,.input-group-md>.b-numeric>input{padding:.47rem 1rem;font-size:1.125rem;line-height:1.5;border-radius:.25rem;}.input-group-lg>.b-numeric>input{height:calc(1.5em + 1rem + 2px);}.input-group-lg>.b-numeric>input{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem;}.input-group-xl>.form-control:not(textarea),.input-group-xl>.custom-select,.input-group-xl>.b-numeric>input{height:calc(1.5em + 1rem + 2px);}.input-group-xl>.form-control,.input-group-xl>.custom-select,.input-group-xl>.input-group-prepend>.input-group-text,.input-group-xl>.input-group-append>.input-group-text,.input-group-xl>.input-group-prepend>.btn,.input-group-xl>.input-group-append>.btn,.input-group-xl>.b-numeric>input{padding:.5rem 1rem;font-size:1.5rem;line-height:1.5;border-radius:.4rem;}.input-group-xs>.custom-select,.input-group-md>.custom-select,.input-group-xl>.custom-select{padding-right:1.75rem;}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-prepend:first-child>.dropdown>.btn:not(:last-child).dropdown-toggle,.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-append:last-child>.dropdown>.btn:not(:last-child).dropdown-toggle,.input-group>.input-group-append:last-child>.dropdown>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}.input-group>div.flatpickr-wrapper>.form-control,.input-group>div.flatpickr-wrapper>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-xs+.custom-control-label::before,.custom-control.custom-checkbox>.custom-control-input.custom-control-input-xs+.custom-control-label::after{width:.7rem;height:.7rem;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-xs+.custom-control-label{line-height:"normal";padding-left:0;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-sm+.custom-control-label::before,.custom-control.custom-checkbox>.custom-control-input.custom-control-input-sm+.custom-control-label::after{width:.8rem;height:.8rem;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-sm+.custom-control-label{line-height:"normal";padding-left:0;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-md+.custom-control-label::before,.custom-control.custom-checkbox>.custom-control-input.custom-control-input-md+.custom-control-label::after{width:1.25rem;height:1.25rem;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-md+.custom-control-label{line-height:1.7rem;padding-left:3px;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-lg+.custom-control-label::before,.custom-control.custom-checkbox>.custom-control-input.custom-control-input-lg+.custom-control-label::after{width:1.55rem;height:1.55rem;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-lg+.custom-control-label{line-height:2rem;padding-left:6px;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-xl+.custom-control-label::before,.custom-control.custom-checkbox>.custom-control-input.custom-control-input-xl+.custom-control-label::after{width:1.85rem;height:1.85rem;}.custom-control.custom-checkbox>.custom-control-input.custom-control-input-xl+.custom-control-label{line-height:2.5rem;padding-left:10px;}.custom-control.custom-radio>.custom-control-input.custom-control-input-xs+.custom-control-label::before,.custom-control.custom-radio>.custom-control-input.custom-control-input-xs+.custom-control-label::after{width:.7rem;height:.7rem;}.custom-control.custom-radio>.custom-control-input.custom-control-input-xs+.custom-control-label{line-height:normal;padding-left:0;}.custom-control.custom-radio>.custom-control-input.custom-control-input-sm+.custom-control-label::before,.custom-control.custom-radio>.custom-control-input.custom-control-input-sm+.custom-control-label::after{width:.8rem;height:.8rem;}.custom-control.custom-radio>.custom-control-input.custom-control-input-sm+.custom-control-label{line-height:normal;padding-left:0;}.custom-control.custom-radio>.custom-control-input.custom-control-input-md+.custom-control-label::before,.custom-control.custom-radio>.custom-control-input.custom-control-input-md+.custom-control-label::after{width:1.25rem;height:1.25rem;}.custom-control.custom-radio>.custom-control-input.custom-control-input-md+.custom-control-label{line-height:1.7rem;padding-left:3px;}.custom-control.custom-radio>.custom-control-input.custom-control-input-lg+.custom-control-label::before,.custom-control.custom-radio>.custom-control-input.custom-control-input-lg+.custom-control-label::after{width:1.55rem;height:1.55rem;}.custom-control.custom-radio>.custom-control-input.custom-control-input-lg+.custom-control-label{line-height:2rem;padding-left:6px;}.custom-control.custom-radio>.custom-control-input.custom-control-input-xl+.custom-control-label::before,.custom-control.custom-radio>.custom-control-input.custom-control-input-xl+.custom-control-label::after{width:1.85rem;height:1.85rem;}.custom-control.custom-radio>.custom-control-input.custom-control-input-xl+.custom-control-label{line-height:2.5rem;padding-left:10px;}select[readonly]{pointer-events:none;}select[readonly] option,select[readonly] optgroup{display:none;}.b-numeric{position:relative;width:100%;}.b-numeric:hover>.b-numeric-handler-wrap{opacity:1;}.b-numeric input:disabled+.b-numeric-handler-wrap,.b-numeric input:read-only+.b-numeric-handler-wrap{display:none;}.b-numeric-handler-wrap{position:absolute;top:0;right:0;width:22px;height:100%;background:#fff;border:1px solid #d9d9d9;opacity:0;}.input-group .b-numeric{-ms-flex:1 1 auto;flex:1 1 auto;width:1%;}.b-numeric-handler-wrap .b-numeric-handler.b-numeric-handler-down{border-top:1px solid #d9d9d9;}.b-numeric-handler{position:relative;display:flex;width:100%;height:50%;overflow:hidden;color:rgba(0,0,0,.45);font-weight:700;line-height:0;align-items:center;justify-content:center;}.b-numeric-handler.btn{padding:0;}.form-control+.b-numeric-handler-wrap{font-size:1rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}.form-control-xs+.b-numeric-handler-wrap{font-size:.75rem;border-top-right-radius:.15rem;border-bottom-right-radius:.15rem;}.form-control-xs+.b-numeric-handler-wrap>.b-numeric-handler.btn{font-size:.75rem;}.form-control-sm+.b-numeric-handler-wrap{font-size:.875rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;}.form-control-sm+.b-numeric-handler-wrap>.b-numeric-handler.btn{font-size:.875rem;}.form-control-md+.b-numeric-handler-wrap{font-size:1.125rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}.form-control-md+.b-numeric-handler-wrap>.b-numeric-handler.btn{font-size:1.125rem;}.form-control-lg+.b-numeric-handler-wrap{font-size:1.25rem;border-top-right-radius:.3rem;border-bottom-right-radius:.3rem;}.form-control-lg+.b-numeric-handler-wrap>.b-numeric-handler.btn{font-size:1.25rem;}.form-control-xl+.b-numeric-handler-wrap{font-size:1.5rem;border-top-right-radius:.4rem;border-bottom-right-radius:.4rem;}.form-control-xl+.b-numeric-handler-wrap>.b-numeric-handler.btn{font-size:1.5rem;}.custom-file-label{overflow:hidden;}input[readonly][type=range],input[readonly=readonly][type=range]{pointer-events:none;}input[readonly][type=range]::-webkit-slider-thumb,input[readonly=readonly][type=range]::-webkit-slider-thumb{pointer-events:none;}input[readonly][type=range]::-moz-range-thumb,input[readonly=readonly][type=range]::-moz-range-thumb{pointer-events:none;}input[readonly][type=range]::-ms-thumb,input[readonly=readonly][type=range]::-ms-thumb{pointer-events:none;}.focus-trap{display:contents;}.form-label-required:after{content:" *";color:var(--b-theme-danger,#dc3545);}.jumbotron.jumbotron-primary{background-color:#007bff;color:#fff;}.jumbotron.jumbotron-secondary{background-color:#6c757d;color:#fff;}.jumbotron.jumbotron-success{background-color:#28a745;color:#fff;}.jumbotron.jumbotron-info{background-color:#17a2b8;color:#fff;}.jumbotron.jumbotron-warning{background-color:#ffc107;color:#212529;}.jumbotron.jumbotron-danger{background-color:#dc3545;color:#fff;}.jumbotron.jumbotron-light{background-color:#f8f9fa;color:#212529;}.jumbotron.jumbotron-dark{background-color:#343a40;color:#fff;}.jumbotron.jumbotron-link{background-color:#3273dc;color:#fff;}.b-layout-header-fixed{z-index:1020;}.b-layout-footer-fixed{z-index:1020;}.b-layout-sider-content{z-index:1021;}a.link-unstyled{text-decoration:none;color:inherit;}li.list-group-item-action{cursor:pointer;}.list-group-scrollable{overflow-y:scroll;}.modal .modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0;}.modal .modal-fullscreen .modal-content{height:100%;border:0;border-radius:0;}.modal .modal-fullscreen .modal-header{border-radius:0;}.modal .modal-fullscreen .modal-body{overflow-y:auto;}.modal .modal-fullscreen .modal-footer{border-radius:0;}.modal.fade{transition:opacity var(--modal-animation-duration,300ms) linear;}.modal.fade .modal-dialog{transition:-webkit-transform var(--modal-animation-duration,300ms) ease-out;transition:transform var(--modal-animation-duration,300ms) ease-out;}.offcanvas,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{--offcanvas-zindex:1045;--offcanvas-width:400px;--offcanvas-height:30vh;--offcanvas-padding-x:1rem;--offcanvas-padding-y:1rem;--offcanvas-color:var(--body-color);--offcanvas-bg:var(--body-bg);--offcanvas-border-width:1px;--offcanvas-border-color:rgba(0,0,0,.2);--offcanvas-box-shadow:0 .25rem .5rem rgba(0,0,0,.5);--offcanvas-transition:transform .3s ease-in-out;--offcanvas-title-line-height:1.5;}@media(max-width:767.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--offcanvas-color);visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;}.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--offcanvas-width);border-right:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(-100%);}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--offcanvas-width);border-left:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(100%);}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-bottom:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(-100%);}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-top:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(100%);}.offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding){transform:none;}.offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show{visibility:visible;}}@media(min-width:576px){.offcanvas-sm{--offcanvas-height:auto;--offcanvas-border-width:0;background-color:transparent!important;}.offcanvas-sm .offcanvas-header{display:none;}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important;}}@media(max-width:991.98px){.offcanvas-md{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--offcanvas-color);visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;}.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--offcanvas-width);border-right:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(-100%);}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--offcanvas-width);border-left:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(100%);}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-bottom:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(-100%);}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-top:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(100%);}.offcanvas-md.showing,.offcanvas-md.show:not(.hiding){transform:none;}.offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show{visibility:visible;}}@media(min-width:768px){.offcanvas-md{--offcanvas-height:auto;--offcanvas-border-width:0;background-color:transparent!important;}.offcanvas-md .offcanvas-header{display:none;}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important;}}@media(max-width:1199.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--offcanvas-color);visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;}.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--offcanvas-width);border-right:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(-100%);}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--offcanvas-width);border-left:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(100%);}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-bottom:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(-100%);}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-top:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(100%);}.offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding){transform:none;}.offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show{visibility:visible;}}@media(min-width:992px){.offcanvas-lg{--offcanvas-height:auto;--offcanvas-border-width:0;background-color:transparent!important;}.offcanvas-lg .offcanvas-header{display:none;}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important;}}.offcanvas-xl{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--offcanvas-color);visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;}.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--offcanvas-width);border-right:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(-100%);}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--offcanvas-width);border-left:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(100%);}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-bottom:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(-100%);}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-top:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(100%);}.offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding){transform:none;}.offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show{visibility:visible;}@media(min-width:1200px){.offcanvas-xl{--offcanvas-height:auto;--offcanvas-border-width:0;background-color:transparent!important;}.offcanvas-xl .offcanvas-header{display:none;}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important;}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--offcanvas-color);visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;}.offcanvas.offcanvas-start{top:0;left:0;width:var(--offcanvas-width);border-right:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(-100%);}.offcanvas.offcanvas-end{top:0;right:0;width:var(--offcanvas-width);border-left:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateX(100%);}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-bottom:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(-100%);}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--offcanvas-height);max-height:100%;border-top:var(--offcanvas-border-width) solid var(--offcanvas-border-color);transform:translateY(100%);}.offcanvas.showing,.offcanvas.show:not(.hiding){transform:none;}.offcanvas.showing,.offcanvas.hiding,.offcanvas.show{visibility:visible;}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;}.offcanvas-backdrop.fade{opacity:0;}.offcanvas-backdrop.show{opacity:.5;}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--offcanvas-padding-y) var(--offcanvas-padding-x);}.offcanvas-header .btn-close{padding:calc(var(--offcanvas-padding-y)*.5) calc(var(--offcanvas-padding-x)*.5);margin-top:calc(-.5*var(--offcanvas-padding-y));margin-right:calc(-.5*var(--offcanvas-padding-x));margin-bottom:calc(-.5*var(--offcanvas-padding-y));}.offcanvas-footer{position:sticky;bottom:0;top:auto;display:flex;align-items:center;justify-content:space-between;padding:var(--offcanvas-padding-y) var(--offcanvas-padding-x);}.offcanvas-title{margin-bottom:0;line-height:var(--offcanvas-title-line-height);}.offcanvas-body{flex-grow:1;padding:var(--offcanvas-padding-y) var(--offcanvas-padding-x);overflow-y:auto;}.page-item:not(.disabled) .page-link{cursor:pointer;}.pagination-xs .page-link{padding:.125rem .25rem;font-size:.75rem;line-height:1.5;}.pagination-xs .page-item:first-child .page-link{border-top-left-radius:.15rem;border-bottom-left-radius:.15rem;}.pagination-xs .page-item:last-child .page-link{border-top-right-radius:.15rem;border-bottom-right-radius:.15rem;}.pagination-md .page-link{padding:.625rem 1.25rem;font-size:1.125rem;line-height:1.5;}.pagination-md .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;}.pagination-md .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}.pagination-xl .page-link{padding:1rem 2rem;font-size:1.5rem;line-height:1.5;}.pagination-xl .page-item:first-child .page-link{border-top-left-radius:.4rem;border-bottom-left-radius:.4rem;}.pagination-xl .page-item:last-child .page-link{border-top-right-radius:.4rem;border-bottom-right-radius:.4rem;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-primary{background-color:#007bff;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-secondary{background-color:#6c757d;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-success{background-color:#28a745;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-info{background-color:#17a2b8;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-warning{background-color:#ffc107;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-danger{background-color:#dc3545;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-light{background-color:#f8f9fa;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-dark{background-color:#343a40;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-link{background-color:#3273dc;}.rating:not(.rating-disabled):not(.rating-readonly):hover .rating-item{cursor:pointer;}.rating.rating-disabled{opacity:.65;}.rating .rating-item.rating-item-primary{color:#007bff;}.rating .rating-item.rating-item-secondary{color:#6c757d;}.rating .rating-item.rating-item-success{color:#28a745;}.rating .rating-item.rating-item-info{color:#17a2b8;}.rating .rating-item.rating-item-warning{color:#ffc107;}.rating .rating-item.rating-item-danger{color:#dc3545;}.rating .rating-item.rating-item-light{color:#f8f9fa;}.rating .rating-item.rating-item-dark{color:#343a40;}.rating .rating-item.rating-item-link{color:#3273dc;}.rating .rating-item.rating-item-hover{opacity:.7;}.steps{padding:0;margin:0;list-style:none;display:flex;overflow-x:auto;}.steps .step:first-child{margin-left:auto;}.steps .step:last-child{margin-right:auto;}.step:first-of-type .step-circle::before{display:none;}.step:last-of-type .step-container{padding-right:0;}.step-container{box-sizing:content-box;display:flex;align-items:center;flex-direction:column;width:5rem;min-width:5rem;max-width:5rem;padding-top:.5rem;padding-right:1rem;}.step-circle{position:relative;display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;color:#adb5bd;border:2px solid #adb5bd;border-radius:100%;background-color:#fff;}.step-circle::before{content:"";display:block;position:absolute;top:50%;left:-2px;width:calc(5rem + 1rem - 1.5rem);height:2px;transform:translate(-100%,-50%);color:#adb5bd;background-color:currentColor;}.step-text{color:#adb5bd;word-break:keep-all;text-align:center;margin-top:.25em;}.step-completed .step-circle{color:#fff;background-color:#28a745;border-color:#28a745;}.step-completed .step-circle::before{color:#28a745;}.step-completed .step-text{color:#28a745;}.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-active .step-circle::before{color:#007bff;}.step-active .step-text{color:#007bff;}.step-primary .step-circle{color:#007bff;border-color:#007bff;}.step-primary.step-completed .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-primary.step-completed .step-circle::before{color:#007bff;}.step-primary.step-completed .step-text{color:#007bff;}.step-primary.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-primary.step-active::before{color:#007bff;}.step-primary.step-active .step-text{color:#007bff;}.step-secondary .step-circle{color:#6c757d;border-color:#6c757d;}.step-secondary.step-completed .step-circle{color:#fff;background-color:#6c757d;border-color:#6c757d;}.step-secondary.step-completed .step-circle::before{color:#6c757d;}.step-secondary.step-completed .step-text{color:#6c757d;}.step-secondary.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-secondary.step-active::before{color:#007bff;}.step-secondary.step-active .step-text{color:#007bff;}.step-success .step-circle{color:#28a745;border-color:#28a745;}.step-success.step-completed .step-circle{color:#fff;background-color:#28a745;border-color:#28a745;}.step-success.step-completed .step-circle::before{color:#28a745;}.step-success.step-completed .step-text{color:#28a745;}.step-success.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-success.step-active::before{color:#007bff;}.step-success.step-active .step-text{color:#007bff;}.step-info .step-circle{color:#17a2b8;border-color:#17a2b8;}.step-info.step-completed .step-circle{color:#fff;background-color:#17a2b8;border-color:#17a2b8;}.step-info.step-completed .step-circle::before{color:#17a2b8;}.step-info.step-completed .step-text{color:#17a2b8;}.step-info.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-info.step-active::before{color:#007bff;}.step-info.step-active .step-text{color:#007bff;}.step-warning .step-circle{color:#ffc107;border-color:#ffc107;}.step-warning.step-completed .step-circle{color:#fff;background-color:#ffc107;border-color:#ffc107;}.step-warning.step-completed .step-circle::before{color:#ffc107;}.step-warning.step-completed .step-text{color:#ffc107;}.step-warning.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-warning.step-active::before{color:#007bff;}.step-warning.step-active .step-text{color:#007bff;}.step-danger .step-circle{color:#dc3545;border-color:#dc3545;}.step-danger.step-completed .step-circle{color:#fff;background-color:#dc3545;border-color:#dc3545;}.step-danger.step-completed .step-circle::before{color:#dc3545;}.step-danger.step-completed .step-text{color:#dc3545;}.step-danger.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-danger.step-active::before{color:#007bff;}.step-danger.step-active .step-text{color:#007bff;}.step-light .step-circle{color:#f8f9fa;border-color:#f8f9fa;}.step-light.step-completed .step-circle{color:#fff;background-color:#f8f9fa;border-color:#f8f9fa;}.step-light.step-completed .step-circle::before{color:#f8f9fa;}.step-light.step-completed .step-text{color:#f8f9fa;}.step-light.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-light.step-active::before{color:#007bff;}.step-light.step-active .step-text{color:#007bff;}.step-dark .step-circle{color:#343a40;border-color:#343a40;}.step-dark.step-completed .step-circle{color:#fff;background-color:#343a40;border-color:#343a40;}.step-dark.step-completed .step-circle::before{color:#343a40;}.step-dark.step-completed .step-text{color:#343a40;}.step-dark.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-dark.step-active::before{color:#007bff;}.step-dark.step-active .step-text{color:#007bff;}.step-link .step-circle{color:#3273dc;border-color:#3273dc;}.step-link.step-completed .step-circle{color:#fff;background-color:#3273dc;border-color:#3273dc;}.step-link.step-completed .step-circle::before{color:#3273dc;}.step-link.step-completed .step-text{color:#3273dc;}.step-link.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff;}.step-link.step-active::before{color:#007bff;}.step-link.step-active .step-text{color:#007bff;}.steps-content{margin:1rem 0;}.steps-content>.step-panel{display:none;}.steps-content>.active{display:block;}.custom-switch .custom-control-input.custom-control-input-primary:checked~.custom-control-label::before{background-color:#007bff;border-color:#007bff;}.custom-switch .custom-control-input.custom-control-input-primary:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);border-color:#007bff;}.custom-switch .custom-control-input:disabled.custom-control-input-primary:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5);}.custom-switch .custom-control-input.custom-control-input-secondary:checked~.custom-control-label::before{background-color:#6c757d;border-color:#6c757d;}.custom-switch .custom-control-input.custom-control-input-secondary:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(108,117,125,.25);border-color:#6c757d;}.custom-switch .custom-control-input:disabled.custom-control-input-secondary:checked~.custom-control-label::before{background-color:rgba(108,117,125,.5);}.custom-switch .custom-control-input.custom-control-input-success:checked~.custom-control-label::before{background-color:#28a745;border-color:#28a745;}.custom-switch .custom-control-input.custom-control-input-success:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25);border-color:#28a745;}.custom-switch .custom-control-input:disabled.custom-control-input-success:checked~.custom-control-label::before{background-color:rgba(40,167,69,.5);}.custom-switch .custom-control-input.custom-control-input-info:checked~.custom-control-label::before{background-color:#17a2b8;border-color:#17a2b8;}.custom-switch .custom-control-input.custom-control-input-info:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(23,162,184,.25);border-color:#17a2b8;}.custom-switch .custom-control-input:disabled.custom-control-input-info:checked~.custom-control-label::before{background-color:rgba(23,162,184,.5);}.custom-switch .custom-control-input.custom-control-input-warning:checked~.custom-control-label::before{background-color:#ffc107;border-color:#ffc107;}.custom-switch .custom-control-input.custom-control-input-warning:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(255,193,7,.25);border-color:#ffc107;}.custom-switch .custom-control-input:disabled.custom-control-input-warning:checked~.custom-control-label::before{background-color:rgba(255,193,7,.5);}.custom-switch .custom-control-input.custom-control-input-danger:checked~.custom-control-label::before{background-color:#dc3545;border-color:#dc3545;}.custom-switch .custom-control-input.custom-control-input-danger:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25);border-color:#dc3545;}.custom-switch .custom-control-input:disabled.custom-control-input-danger:checked~.custom-control-label::before{background-color:rgba(220,53,69,.5);}.custom-switch .custom-control-input.custom-control-input-light:checked~.custom-control-label::before{background-color:#f8f9fa;border-color:#f8f9fa;}.custom-switch .custom-control-input.custom-control-input-light:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(248,249,250,.25);border-color:#f8f9fa;}.custom-switch .custom-control-input:disabled.custom-control-input-light:checked~.custom-control-label::before{background-color:rgba(248,249,250,.5);}.custom-switch .custom-control-input.custom-control-input-dark:checked~.custom-control-label::before{background-color:#343a40;border-color:#343a40;}.custom-switch .custom-control-input.custom-control-input-dark:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(52,58,64,.25);border-color:#343a40;}.custom-switch .custom-control-input:disabled.custom-control-input-dark:checked~.custom-control-label::before{background-color:rgba(52,58,64,.5);}.custom-switch .custom-control-input.custom-control-input-link:checked~.custom-control-label::before{background-color:#3273dc;border-color:#3273dc;}.custom-switch .custom-control-input.custom-control-input-link:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(50,115,220,.25);border-color:#3273dc;}.custom-switch .custom-control-input:disabled.custom-control-input-link:checked~.custom-control-label::before{background-color:rgba(50,115,220,.5);}.custom-switch .custom-control-input.custom-control-input-xs+.custom-control-label{line-height:1rem;vertical-align:middle;padding-left:0;}.custom-switch .custom-control-input.custom-control-input-xs+.custom-control-label::before{height:.5rem;width:calc(.75rem + (.5rem/2));border-radius:1rem;}.custom-switch .custom-control-input.custom-control-input-xs+.custom-control-label::after{height:calc(.5rem - 4px);width:calc(.5rem - 4px);border-radius:calc(.75rem - (.5rem/2));}.custom-switch .custom-control-input.custom-control-input-xs:checked~.custom-control-label::after{transform:translateX(calc(.75rem - (.5rem/2)));}.custom-switch .custom-control-input.custom-control-input-sm+.custom-control-label{line-height:1.25rem;vertical-align:middle;padding-left:0;}.custom-switch .custom-control-input.custom-control-input-sm+.custom-control-label::before{height:.75rem;width:calc(1rem + (.75rem/2));border-radius:1.5rem;}.custom-switch .custom-control-input.custom-control-input-sm+.custom-control-label::after{height:calc(.75rem - 4px);width:calc(.75rem - 4px);border-radius:calc(1rem - (.75rem/2));}.custom-switch .custom-control-input.custom-control-input-sm:checked~.custom-control-label::after{transform:translateX(calc(1rem - (.75rem/2)));}.custom-switch .custom-control-input.custom-control-input-md+.custom-control-label{line-height:2rem;vertical-align:middle;padding-left:2rem;}.custom-switch .custom-control-input.custom-control-input-md+.custom-control-label::before{height:1.5rem;width:calc(2rem + (1.5rem/2));border-radius:3rem;}.custom-switch .custom-control-input.custom-control-input-md+.custom-control-label::after{height:calc(1.5rem - 4px);width:calc(1.5rem - 4px);border-radius:calc(2rem - (1.5rem/2));}.custom-switch .custom-control-input.custom-control-input-md:checked~.custom-control-label::after{transform:translateX(calc(2rem - (1.5rem/2)));}.custom-switch .custom-control-input.custom-control-input-lg+.custom-control-label{line-height:2.5rem;vertical-align:middle;padding-left:3rem;}.custom-switch .custom-control-input.custom-control-input-lg+.custom-control-label::before{height:2rem;width:calc(3rem + (2rem/2));border-radius:4rem;}.custom-switch .custom-control-input.custom-control-input-lg+.custom-control-label::after{height:calc(2rem - 4px);width:calc(2rem - 4px);border-radius:calc(3rem - (2rem/2));}.custom-switch .custom-control-input.custom-control-input-lg:checked~.custom-control-label::after{transform:translateX(calc(3rem - (2rem/2)));}.custom-switch .custom-control-input.custom-control-input-xl+.custom-control-label{line-height:3rem;vertical-align:middle;padding-left:4rem;}.custom-switch .custom-control-input.custom-control-input-xl+.custom-control-label::before{height:2.5rem;width:calc(4rem + (2.5rem/2));border-radius:5rem;}.custom-switch .custom-control-input.custom-control-input-xl+.custom-control-label::after{height:calc(2.5rem - 4px);width:calc(2.5rem - 4px);border-radius:calc(4rem - (2.5rem/2));}.custom-switch .custom-control-input.custom-control-input-xl:checked~.custom-control-label::after{transform:translateX(calc(4rem - (2.5rem/2)));}table.table tbody tr:not(.table-group).selected{background-color:var(--primary);}table.table tbody tr.table-group{cursor:pointer;background-color:var(--b-theme-light,var(--light,#f5f5f5));font-weight:700;}tr.table-row-selectable:hover{cursor:pointer;}tr.table-row-selectable:focus[tabindex="0"]{outline:0;}.table-fixed-header{overflow-y:auto;}.table-fixed-header .table{border-collapse:separate;border-spacing:0;}.table-fixed-header .table thead:not(.table-thead-theme) th{background:#fff;}.table-fixed-header .table thead tr th{border-top:0;position:sticky;z-index:10;}.table-fixed-header .table thead tr:nth-child(1) th{top:0;}.table-fixed-columns{width:100%;overflow-x:auto;white-space:nowrap;position:relative;}.table-fixed-columns .table{table-layout:fixed;overflow-x:auto;white-space:nowrap;border-collapse:separate;border-spacing:0;border:0;}.table-fixed-columns .table .table-header-cell-fixed-start,.table-fixed-columns .table .table-row-header-fixed-start,.table-fixed-columns .table .table-row-cell-fixed-start{position:sticky;border-left:0;z-index:11;background-color:#fff;border-inline-start-width:0;left:0;}.table-fixed-columns .table .table-header-cell-fixed-end,.table-fixed-columns .table .table-row-header-fixed-end,.table-fixed-columns .table .table-row-cell-fixed-end{position:sticky;border-left:0;z-index:11;background-color:#fff;border-inline-start-width:0;right:0;}.snackbar-stack{z-index:1009!important;}.snackbar{z-index:1060!important;}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}0%{opacity:0;}}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0;}100%{transform:translateY(0);opacity:1;}0%{transform:translateY(1rem);opacity:0;}}.border-1{border:1px solid #dee2e6!important;}.border-1.border-primary{border-color:#007bff!important;}.border-1.border-secondary{border-color:#6c757d!important;}.border-1.border-success{border-color:#28a745!important;}.border-1.border-info{border-color:#17a2b8!important;}.border-1.border-warning{border-color:#ffc107!important;}.border-1.border-danger{border-color:#dc3545!important;}.border-1.border-light{border-color:#f8f9fa!important;}.border-1.border-dark{border-color:#343a40!important;}.border-1.border-link{border-color:#3273dc!important;}.border-primary-1{border:1px solid #007bff!important;}.border-secondary-1{border:1px solid #6c757d!important;}.border-success-1{border:1px solid #28a745!important;}.border-info-1{border:1px solid #17a2b8!important;}.border-warning-1{border:1px solid #ffc107!important;}.border-danger-1{border:1px solid #dc3545!important;}.border-light-1{border:1px solid #f8f9fa!important;}.border-dark-1{border:1px solid #343a40!important;}.border-link-1{border:1px solid #3273dc!important;}.border-top-1{border-top:1px solid #dee2e6!important;}.border-primary-top-1{border-top:1px solid #007bff!important;}.border-secondary-top-1{border-top:1px solid #6c757d!important;}.border-success-top-1{border-top:1px solid #28a745!important;}.border-info-top-1{border-top:1px solid #17a2b8!important;}.border-warning-top-1{border-top:1px solid #ffc107!important;}.border-danger-top-1{border-top:1px solid #dc3545!important;}.border-light-top-1{border-top:1px solid #f8f9fa!important;}.border-dark-top-1{border-top:1px solid #343a40!important;}.border-link-top-1{border-top:1px solid #3273dc!important;}.border-right-1{border-right:1px solid #dee2e6!important;}.border-primary-right-1{border-right:1px solid #007bff!important;}.border-secondary-right-1{border-right:1px solid #6c757d!important;}.border-success-right-1{border-right:1px solid #28a745!important;}.border-info-right-1{border-right:1px solid #17a2b8!important;}.border-warning-right-1{border-right:1px solid #ffc107!important;}.border-danger-right-1{border-right:1px solid #dc3545!important;}.border-light-right-1{border-right:1px solid #f8f9fa!important;}.border-dark-right-1{border-right:1px solid #343a40!important;}.border-link-right-1{border-right:1px solid #3273dc!important;}.border-bottom-1{border-bottom:1px solid #dee2e6!important;}.border-primary-bottom-1{border-bottom:1px solid #007bff!important;}.border-secondary-bottom-1{border-bottom:1px solid #6c757d!important;}.border-success-bottom-1{border-bottom:1px solid #28a745!important;}.border-info-bottom-1{border-bottom:1px solid #17a2b8!important;}.border-warning-bottom-1{border-bottom:1px solid #ffc107!important;}.border-danger-bottom-1{border-bottom:1px solid #dc3545!important;}.border-light-bottom-1{border-bottom:1px solid #f8f9fa!important;}.border-dark-bottom-1{border-bottom:1px solid #343a40!important;}.border-link-bottom-1{border-bottom:1px solid #3273dc!important;}.border-left-1{border-left:1px solid #dee2e6!important;}.border-primary-left-1{border-left:1px solid #007bff!important;}.border-secondary-left-1{border-left:1px solid #6c757d!important;}.border-success-left-1{border-left:1px solid #28a745!important;}.border-info-left-1{border-left:1px solid #17a2b8!important;}.border-warning-left-1{border-left:1px solid #ffc107!important;}.border-danger-left-1{border-left:1px solid #dc3545!important;}.border-light-left-1{border-left:1px solid #f8f9fa!important;}.border-dark-left-1{border-left:1px solid #343a40!important;}.border-link-left-1{border-left:1px solid #3273dc!important;}.border-2{border:2px solid #dee2e6!important;}.border-2.border-primary{border-color:#007bff!important;}.border-2.border-secondary{border-color:#6c757d!important;}.border-2.border-success{border-color:#28a745!important;}.border-2.border-info{border-color:#17a2b8!important;}.border-2.border-warning{border-color:#ffc107!important;}.border-2.border-danger{border-color:#dc3545!important;}.border-2.border-light{border-color:#f8f9fa!important;}.border-2.border-dark{border-color:#343a40!important;}.border-2.border-link{border-color:#3273dc!important;}.border-primary-2{border:2px solid #007bff!important;}.border-secondary-2{border:2px solid #6c757d!important;}.border-success-2{border:2px solid #28a745!important;}.border-info-2{border:2px solid #17a2b8!important;}.border-warning-2{border:2px solid #ffc107!important;}.border-danger-2{border:2px solid #dc3545!important;}.border-light-2{border:2px solid #f8f9fa!important;}.border-dark-2{border:2px solid #343a40!important;}.border-link-2{border:2px solid #3273dc!important;}.border-top-2{border-top:2px solid #dee2e6!important;}.border-primary-top-2{border-top:2px solid #007bff!important;}.border-secondary-top-2{border-top:2px solid #6c757d!important;}.border-success-top-2{border-top:2px solid #28a745!important;}.border-info-top-2{border-top:2px solid #17a2b8!important;}.border-warning-top-2{border-top:2px solid #ffc107!important;}.border-danger-top-2{border-top:2px solid #dc3545!important;}.border-light-top-2{border-top:2px solid #f8f9fa!important;}.border-dark-top-2{border-top:2px solid #343a40!important;}.border-link-top-2{border-top:2px solid #3273dc!important;}.border-right-2{border-right:2px solid #dee2e6!important;}.border-primary-right-2{border-right:2px solid #007bff!important;}.border-secondary-right-2{border-right:2px solid #6c757d!important;}.border-success-right-2{border-right:2px solid #28a745!important;}.border-info-right-2{border-right:2px solid #17a2b8!important;}.border-warning-right-2{border-right:2px solid #ffc107!important;}.border-danger-right-2{border-right:2px solid #dc3545!important;}.border-light-right-2{border-right:2px solid #f8f9fa!important;}.border-dark-right-2{border-right:2px solid #343a40!important;}.border-link-right-2{border-right:2px solid #3273dc!important;}.border-bottom-2{border-bottom:2px solid #dee2e6!important;}.border-primary-bottom-2{border-bottom:2px solid #007bff!important;}.border-secondary-bottom-2{border-bottom:2px solid #6c757d!important;}.border-success-bottom-2{border-bottom:2px solid #28a745!important;}.border-info-bottom-2{border-bottom:2px solid #17a2b8!important;}.border-warning-bottom-2{border-bottom:2px solid #ffc107!important;}.border-danger-bottom-2{border-bottom:2px solid #dc3545!important;}.border-light-bottom-2{border-bottom:2px solid #f8f9fa!important;}.border-dark-bottom-2{border-bottom:2px solid #343a40!important;}.border-link-bottom-2{border-bottom:2px solid #3273dc!important;}.border-left-2{border-left:2px solid #dee2e6!important;}.border-primary-left-2{border-left:2px solid #007bff!important;}.border-secondary-left-2{border-left:2px solid #6c757d!important;}.border-success-left-2{border-left:2px solid #28a745!important;}.border-info-left-2{border-left:2px solid #17a2b8!important;}.border-warning-left-2{border-left:2px solid #ffc107!important;}.border-danger-left-2{border-left:2px solid #dc3545!important;}.border-light-left-2{border-left:2px solid #f8f9fa!important;}.border-dark-left-2{border-left:2px solid #343a40!important;}.border-link-left-2{border-left:2px solid #3273dc!important;}.border-3{border:3px solid #dee2e6!important;}.border-3.border-primary{border-color:#007bff!important;}.border-3.border-secondary{border-color:#6c757d!important;}.border-3.border-success{border-color:#28a745!important;}.border-3.border-info{border-color:#17a2b8!important;}.border-3.border-warning{border-color:#ffc107!important;}.border-3.border-danger{border-color:#dc3545!important;}.border-3.border-light{border-color:#f8f9fa!important;}.border-3.border-dark{border-color:#343a40!important;}.border-3.border-link{border-color:#3273dc!important;}.border-primary-3{border:3px solid #007bff!important;}.border-secondary-3{border:3px solid #6c757d!important;}.border-success-3{border:3px solid #28a745!important;}.border-info-3{border:3px solid #17a2b8!important;}.border-warning-3{border:3px solid #ffc107!important;}.border-danger-3{border:3px solid #dc3545!important;}.border-light-3{border:3px solid #f8f9fa!important;}.border-dark-3{border:3px solid #343a40!important;}.border-link-3{border:3px solid #3273dc!important;}.border-top-3{border-top:3px solid #dee2e6!important;}.border-primary-top-3{border-top:3px solid #007bff!important;}.border-secondary-top-3{border-top:3px solid #6c757d!important;}.border-success-top-3{border-top:3px solid #28a745!important;}.border-info-top-3{border-top:3px solid #17a2b8!important;}.border-warning-top-3{border-top:3px solid #ffc107!important;}.border-danger-top-3{border-top:3px solid #dc3545!important;}.border-light-top-3{border-top:3px solid #f8f9fa!important;}.border-dark-top-3{border-top:3px solid #343a40!important;}.border-link-top-3{border-top:3px solid #3273dc!important;}.border-right-3{border-right:3px solid #dee2e6!important;}.border-primary-right-3{border-right:3px solid #007bff!important;}.border-secondary-right-3{border-right:3px solid #6c757d!important;}.border-success-right-3{border-right:3px solid #28a745!important;}.border-info-right-3{border-right:3px solid #17a2b8!important;}.border-warning-right-3{border-right:3px solid #ffc107!important;}.border-danger-right-3{border-right:3px solid #dc3545!important;}.border-light-right-3{border-right:3px solid #f8f9fa!important;}.border-dark-right-3{border-right:3px solid #343a40!important;}.border-link-right-3{border-right:3px solid #3273dc!important;}.border-bottom-3{border-bottom:3px solid #dee2e6!important;}.border-primary-bottom-3{border-bottom:3px solid #007bff!important;}.border-secondary-bottom-3{border-bottom:3px solid #6c757d!important;}.border-success-bottom-3{border-bottom:3px solid #28a745!important;}.border-info-bottom-3{border-bottom:3px solid #17a2b8!important;}.border-warning-bottom-3{border-bottom:3px solid #ffc107!important;}.border-danger-bottom-3{border-bottom:3px solid #dc3545!important;}.border-light-bottom-3{border-bottom:3px solid #f8f9fa!important;}.border-dark-bottom-3{border-bottom:3px solid #343a40!important;}.border-link-bottom-3{border-bottom:3px solid #3273dc!important;}.border-left-3{border-left:3px solid #dee2e6!important;}.border-primary-left-3{border-left:3px solid #007bff!important;}.border-secondary-left-3{border-left:3px solid #6c757d!important;}.border-success-left-3{border-left:3px solid #28a745!important;}.border-info-left-3{border-left:3px solid #17a2b8!important;}.border-warning-left-3{border-left:3px solid #ffc107!important;}.border-danger-left-3{border-left:3px solid #dc3545!important;}.border-light-left-3{border-left:3px solid #f8f9fa!important;}.border-dark-left-3{border-left:3px solid #343a40!important;}.border-link-left-3{border-left:3px solid #3273dc!important;}.border-4{border:4px solid #dee2e6!important;}.border-4.border-primary{border-color:#007bff!important;}.border-4.border-secondary{border-color:#6c757d!important;}.border-4.border-success{border-color:#28a745!important;}.border-4.border-info{border-color:#17a2b8!important;}.border-4.border-warning{border-color:#ffc107!important;}.border-4.border-danger{border-color:#dc3545!important;}.border-4.border-light{border-color:#f8f9fa!important;}.border-4.border-dark{border-color:#343a40!important;}.border-4.border-link{border-color:#3273dc!important;}.border-primary-4{border:4px solid #007bff!important;}.border-secondary-4{border:4px solid #6c757d!important;}.border-success-4{border:4px solid #28a745!important;}.border-info-4{border:4px solid #17a2b8!important;}.border-warning-4{border:4px solid #ffc107!important;}.border-danger-4{border:4px solid #dc3545!important;}.border-light-4{border:4px solid #f8f9fa!important;}.border-dark-4{border:4px solid #343a40!important;}.border-link-4{border:4px solid #3273dc!important;}.border-top-4{border-top:4px solid #dee2e6!important;}.border-primary-top-4{border-top:4px solid #007bff!important;}.border-secondary-top-4{border-top:4px solid #6c757d!important;}.border-success-top-4{border-top:4px solid #28a745!important;}.border-info-top-4{border-top:4px solid #17a2b8!important;}.border-warning-top-4{border-top:4px solid #ffc107!important;}.border-danger-top-4{border-top:4px solid #dc3545!important;}.border-light-top-4{border-top:4px solid #f8f9fa!important;}.border-dark-top-4{border-top:4px solid #343a40!important;}.border-link-top-4{border-top:4px solid #3273dc!important;}.border-right-4{border-right:4px solid #dee2e6!important;}.border-primary-right-4{border-right:4px solid #007bff!important;}.border-secondary-right-4{border-right:4px solid #6c757d!important;}.border-success-right-4{border-right:4px solid #28a745!important;}.border-info-right-4{border-right:4px solid #17a2b8!important;}.border-warning-right-4{border-right:4px solid #ffc107!important;}.border-danger-right-4{border-right:4px solid #dc3545!important;}.border-light-right-4{border-right:4px solid #f8f9fa!important;}.border-dark-right-4{border-right:4px solid #343a40!important;}.border-link-right-4{border-right:4px solid #3273dc!important;}.border-bottom-4{border-bottom:4px solid #dee2e6!important;}.border-primary-bottom-4{border-bottom:4px solid #007bff!important;}.border-secondary-bottom-4{border-bottom:4px solid #6c757d!important;}.border-success-bottom-4{border-bottom:4px solid #28a745!important;}.border-info-bottom-4{border-bottom:4px solid #17a2b8!important;}.border-warning-bottom-4{border-bottom:4px solid #ffc107!important;}.border-danger-bottom-4{border-bottom:4px solid #dc3545!important;}.border-light-bottom-4{border-bottom:4px solid #f8f9fa!important;}.border-dark-bottom-4{border-bottom:4px solid #343a40!important;}.border-link-bottom-4{border-bottom:4px solid #3273dc!important;}.border-left-4{border-left:4px solid #dee2e6!important;}.border-primary-left-4{border-left:4px solid #007bff!important;}.border-secondary-left-4{border-left:4px solid #6c757d!important;}.border-success-left-4{border-left:4px solid #28a745!important;}.border-info-left-4{border-left:4px solid #17a2b8!important;}.border-warning-left-4{border-left:4px solid #ffc107!important;}.border-danger-left-4{border-left:4px solid #dc3545!important;}.border-light-left-4{border-left:4px solid #f8f9fa!important;}.border-dark-left-4{border-left:4px solid #343a40!important;}.border-link-left-4{border-left:4px solid #3273dc!important;}.border-5{border:5px solid #dee2e6!important;}.border-5.border-primary{border-color:#007bff!important;}.border-5.border-secondary{border-color:#6c757d!important;}.border-5.border-success{border-color:#28a745!important;}.border-5.border-info{border-color:#17a2b8!important;}.border-5.border-warning{border-color:#ffc107!important;}.border-5.border-danger{border-color:#dc3545!important;}.border-5.border-light{border-color:#f8f9fa!important;}.border-5.border-dark{border-color:#343a40!important;}.border-5.border-link{border-color:#3273dc!important;}.border-primary-5{border:5px solid #007bff!important;}.border-secondary-5{border:5px solid #6c757d!important;}.border-success-5{border:5px solid #28a745!important;}.border-info-5{border:5px solid #17a2b8!important;}.border-warning-5{border:5px solid #ffc107!important;}.border-danger-5{border:5px solid #dc3545!important;}.border-light-5{border:5px solid #f8f9fa!important;}.border-dark-5{border:5px solid #343a40!important;}.border-link-5{border:5px solid #3273dc!important;}.border-top-5{border-top:5px solid #dee2e6!important;}.border-primary-top-5{border-top:5px solid #007bff!important;}.border-secondary-top-5{border-top:5px solid #6c757d!important;}.border-success-top-5{border-top:5px solid #28a745!important;}.border-info-top-5{border-top:5px solid #17a2b8!important;}.border-warning-top-5{border-top:5px solid #ffc107!important;}.border-danger-top-5{border-top:5px solid #dc3545!important;}.border-light-top-5{border-top:5px solid #f8f9fa!important;}.border-dark-top-5{border-top:5px solid #343a40!important;}.border-link-top-5{border-top:5px solid #3273dc!important;}.border-right-5{border-right:5px solid #dee2e6!important;}.border-primary-right-5{border-right:5px solid #007bff!important;}.border-secondary-right-5{border-right:5px solid #6c757d!important;}.border-success-right-5{border-right:5px solid #28a745!important;}.border-info-right-5{border-right:5px solid #17a2b8!important;}.border-warning-right-5{border-right:5px solid #ffc107!important;}.border-danger-right-5{border-right:5px solid #dc3545!important;}.border-light-right-5{border-right:5px solid #f8f9fa!important;}.border-dark-right-5{border-right:5px solid #343a40!important;}.border-link-right-5{border-right:5px solid #3273dc!important;}.border-bottom-5{border-bottom:5px solid #dee2e6!important;}.border-primary-bottom-5{border-bottom:5px solid #007bff!important;}.border-secondary-bottom-5{border-bottom:5px solid #6c757d!important;}.border-success-bottom-5{border-bottom:5px solid #28a745!important;}.border-info-bottom-5{border-bottom:5px solid #17a2b8!important;}.border-warning-bottom-5{border-bottom:5px solid #ffc107!important;}.border-danger-bottom-5{border-bottom:5px solid #dc3545!important;}.border-light-bottom-5{border-bottom:5px solid #f8f9fa!important;}.border-dark-bottom-5{border-bottom:5px solid #343a40!important;}.border-link-bottom-5{border-bottom:5px solid #3273dc!important;}.border-left-5{border-left:5px solid #dee2e6!important;}.border-primary-left-5{border-left:5px solid #007bff!important;}.border-secondary-left-5{border-left:5px solid #6c757d!important;}.border-success-left-5{border-left:5px solid #28a745!important;}.border-info-left-5{border-left:5px solid #17a2b8!important;}.border-warning-left-5{border-left:5px solid #ffc107!important;}.border-danger-left-5{border-left:5px solid #dc3545!important;}.border-light-left-5{border-left:5px solid #f8f9fa!important;}.border-dark-left-5{border-left:5px solid #343a40!important;}.border-link-left-5{border-left:5px solid #3273dc!important;}.cursor-pointer{cursor:pointer;}.grid{display:grid;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(12,1fr);gap:1.5rem;}.grid.g-rows-1{grid-template-rows:repeat(1,minmax(0,1fr));}.grid.g-rows-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid.g-rows-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid.g-rows-4{grid-template-rows:repeat(4,minmax(0,1fr));}.grid.g-rows-5{grid-template-rows:repeat(5,minmax(0,1fr));}.grid.g-rows-6{grid-template-rows:repeat(6,minmax(0,1fr));}.grid.g-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid.g-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid.g-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid.g-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid.g-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}.grid.g-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid.g-cols-7{grid-template-columns:repeat(7,minmax(0,1fr));}.grid.g-cols-8{grid-template-columns:repeat(8,minmax(0,1fr));}.grid.g-cols-9{grid-template-columns:repeat(9,minmax(0,1fr));}.grid.g-cols-10{grid-template-columns:repeat(10,minmax(0,1fr));}.grid.g-cols-11{grid-template-columns:repeat(11,minmax(0,1fr));}.grid.g-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}@media(min-width:576px){.grid.g-rows-sm-1{grid-template-rows:repeat(1,minmax(0,1fr));}.grid.g-rows-sm-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid.g-rows-sm-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid.g-rows-sm-4{grid-template-rows:repeat(4,minmax(0,1fr));}.grid.g-rows-sm-5{grid-template-rows:repeat(5,minmax(0,1fr));}.grid.g-rows-sm-6{grid-template-rows:repeat(6,minmax(0,1fr));}.grid.g-cols-sm-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid.g-cols-sm-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid.g-cols-sm-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid.g-cols-sm-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid.g-cols-sm-5{grid-template-columns:repeat(5,minmax(0,1fr));}.grid.g-cols-sm-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid.g-cols-sm-7{grid-template-columns:repeat(7,minmax(0,1fr));}.grid.g-cols-sm-8{grid-template-columns:repeat(8,minmax(0,1fr));}.grid.g-cols-sm-9{grid-template-columns:repeat(9,minmax(0,1fr));}.grid.g-cols-sm-10{grid-template-columns:repeat(10,minmax(0,1fr));}.grid.g-cols-sm-11{grid-template-columns:repeat(11,minmax(0,1fr));}.grid.g-cols-sm-12{grid-template-columns:repeat(12,minmax(0,1fr));}}@media(min-width:768px){.grid.g-rows-md-1{grid-template-rows:repeat(1,minmax(0,1fr));}.grid.g-rows-md-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid.g-rows-md-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid.g-rows-md-4{grid-template-rows:repeat(4,minmax(0,1fr));}.grid.g-rows-md-5{grid-template-rows:repeat(5,minmax(0,1fr));}.grid.g-rows-md-6{grid-template-rows:repeat(6,minmax(0,1fr));}.grid.g-cols-md-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid.g-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid.g-cols-md-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid.g-cols-md-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid.g-cols-md-5{grid-template-columns:repeat(5,minmax(0,1fr));}.grid.g-cols-md-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid.g-cols-md-7{grid-template-columns:repeat(7,minmax(0,1fr));}.grid.g-cols-md-8{grid-template-columns:repeat(8,minmax(0,1fr));}.grid.g-cols-md-9{grid-template-columns:repeat(9,minmax(0,1fr));}.grid.g-cols-md-10{grid-template-columns:repeat(10,minmax(0,1fr));}.grid.g-cols-md-11{grid-template-columns:repeat(11,minmax(0,1fr));}.grid.g-cols-md-12{grid-template-columns:repeat(12,minmax(0,1fr));}}@media(min-width:992px){.grid.g-rows-lg-1{grid-template-rows:repeat(1,minmax(0,1fr));}.grid.g-rows-lg-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid.g-rows-lg-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid.g-rows-lg-4{grid-template-rows:repeat(4,minmax(0,1fr));}.grid.g-rows-lg-5{grid-template-rows:repeat(5,minmax(0,1fr));}.grid.g-rows-lg-6{grid-template-rows:repeat(6,minmax(0,1fr));}.grid.g-cols-lg-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid.g-cols-lg-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid.g-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid.g-cols-lg-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid.g-cols-lg-5{grid-template-columns:repeat(5,minmax(0,1fr));}.grid.g-cols-lg-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid.g-cols-lg-7{grid-template-columns:repeat(7,minmax(0,1fr));}.grid.g-cols-lg-8{grid-template-columns:repeat(8,minmax(0,1fr));}.grid.g-cols-lg-9{grid-template-columns:repeat(9,minmax(0,1fr));}.grid.g-cols-lg-10{grid-template-columns:repeat(10,minmax(0,1fr));}.grid.g-cols-lg-11{grid-template-columns:repeat(11,minmax(0,1fr));}.grid.g-cols-lg-12{grid-template-columns:repeat(12,minmax(0,1fr));}}@media(min-width:1200px){.grid.g-rows-xl-1{grid-template-rows:repeat(1,minmax(0,1fr));}.grid.g-rows-xl-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid.g-rows-xl-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid.g-rows-xl-4{grid-template-rows:repeat(4,minmax(0,1fr));}.grid.g-rows-xl-5{grid-template-rows:repeat(5,minmax(0,1fr));}.grid.g-rows-xl-6{grid-template-rows:repeat(6,minmax(0,1fr));}.grid.g-cols-xl-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid.g-cols-xl-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid.g-cols-xl-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid.g-cols-xl-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid.g-cols-xl-5{grid-template-columns:repeat(5,minmax(0,1fr));}.grid.g-cols-xl-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid.g-cols-xl-7{grid-template-columns:repeat(7,minmax(0,1fr));}.grid.g-cols-xl-8{grid-template-columns:repeat(8,minmax(0,1fr));}.grid.g-cols-xl-9{grid-template-columns:repeat(9,minmax(0,1fr));}.grid.g-cols-xl-10{grid-template-columns:repeat(10,minmax(0,1fr));}.grid.g-cols-xl-11{grid-template-columns:repeat(11,minmax(0,1fr));}.grid.g-cols-xl-12{grid-template-columns:repeat(12,minmax(0,1fr));}}.grid .g-col-1{grid-column:auto/span 1;}.grid .g-col-2{grid-column:auto/span 2;}.grid .g-col-3{grid-column:auto/span 3;}.grid .g-col-4{grid-column:auto/span 4;}.grid .g-col-5{grid-column:auto/span 5;}.grid .g-col-6{grid-column:auto/span 6;}.grid .g-col-7{grid-column:auto/span 7;}.grid .g-col-8{grid-column:auto/span 8;}.grid .g-col-9{grid-column:auto/span 9;}.grid .g-col-10{grid-column:auto/span 10;}.grid .g-col-11{grid-column:auto/span 11;}.grid .g-col-12{grid-column:auto/span 12;}@media(min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1;}.grid .g-col-sm-2{grid-column:auto/span 2;}.grid .g-col-sm-3{grid-column:auto/span 3;}.grid .g-col-sm-4{grid-column:auto/span 4;}.grid .g-col-sm-5{grid-column:auto/span 5;}.grid .g-col-sm-6{grid-column:auto/span 6;}.grid .g-col-sm-7{grid-column:auto/span 7;}.grid .g-col-sm-8{grid-column:auto/span 8;}.grid .g-col-sm-9{grid-column:auto/span 9;}.grid .g-col-sm-10{grid-column:auto/span 10;}.grid .g-col-sm-11{grid-column:auto/span 11;}.grid .g-col-sm-12{grid-column:auto/span 12;}}@media(min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1;}.grid .g-col-md-2{grid-column:auto/span 2;}.grid .g-col-md-3{grid-column:auto/span 3;}.grid .g-col-md-4{grid-column:auto/span 4;}.grid .g-col-md-5{grid-column:auto/span 5;}.grid .g-col-md-6{grid-column:auto/span 6;}.grid .g-col-md-7{grid-column:auto/span 7;}.grid .g-col-md-8{grid-column:auto/span 8;}.grid .g-col-md-9{grid-column:auto/span 9;}.grid .g-col-md-10{grid-column:auto/span 10;}.grid .g-col-md-11{grid-column:auto/span 11;}.grid .g-col-md-12{grid-column:auto/span 12;}}@media(min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1;}.grid .g-col-lg-2{grid-column:auto/span 2;}.grid .g-col-lg-3{grid-column:auto/span 3;}.grid .g-col-lg-4{grid-column:auto/span 4;}.grid .g-col-lg-5{grid-column:auto/span 5;}.grid .g-col-lg-6{grid-column:auto/span 6;}.grid .g-col-lg-7{grid-column:auto/span 7;}.grid .g-col-lg-8{grid-column:auto/span 8;}.grid .g-col-lg-9{grid-column:auto/span 9;}.grid .g-col-lg-10{grid-column:auto/span 10;}.grid .g-col-lg-11{grid-column:auto/span 11;}.grid .g-col-lg-12{grid-column:auto/span 12;}}@media(min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1;}.grid .g-col-xl-2{grid-column:auto/span 2;}.grid .g-col-xl-3{grid-column:auto/span 3;}.grid .g-col-xl-4{grid-column:auto/span 4;}.grid .g-col-xl-5{grid-column:auto/span 5;}.grid .g-col-xl-6{grid-column:auto/span 6;}.grid .g-col-xl-7{grid-column:auto/span 7;}.grid .g-col-xl-8{grid-column:auto/span 8;}.grid .g-col-xl-9{grid-column:auto/span 9;}.grid .g-col-xl-10{grid-column:auto/span 10;}.grid .g-col-xl-11{grid-column:auto/span 11;}.grid .g-col-xl-12{grid-column:auto/span 12;}}ol.ordered-list-lower-alpha{list-style-type:lower-alpha;}ol.ordered-list-lower-roman{list-style-type:lower-roman;}ol.ordered-list-upper-alpha{list-style-type:upper-alpha;}ol.ordered-list-upper-roman{list-style-type:upper-roman;}.overflow-visible{overflow:visible!important;}.overflow-scroll{overflow:scroll!important;}.overflow-auto-auto{overflow:auto auto!important;}.overflow-auto-hidden{overflow:auto hidden!important;}.overflow-auto-visible{overflow:auto visible!important;}.overflow-auto-scroll{overflow:auto scroll!important;}.overflow-hidden-auto{overflow:hidden auto!important;}.overflow-hidden-hidden{overflow:hidden hidden!important;}.overflow-hidden-visible{overflow:hidden visible!important;}.overflow-hidden-scroll{overflow:hidden scroll!important;}.overflow-visible-auto{overflow:visible auto!important;}.overflow-visible-hidden{overflow:visible hidden!important;}.overflow-visible-visible{overflow:visible visible!important;}.overflow-visible-scroll{overflow:visible scroll!important;}.overflow-scroll-auto{overflow:scroll auto!important;}.overflow-scroll-hidden{overflow:scroll hidden!important;}.overflow-scroll-visible{overflow:scroll visible!important;}.overflow-scroll-scroll{overflow:scroll scroll!important;}.top-0{top:0!important;}.bottom-0{bottom:0!important;}.left-0{left:0!important;}.right-0{right:0!important;}.top-50{top:50%!important;}.bottom-50{bottom:50%!important;}.left-50{left:50%!important;}.right-50{right:50%!important;}.top-100{top:100%!important;}.bottom-100{bottom:100%!important;}.left-100{left:100%!important;}.right-100{right:100%!important;}.translate-middle{transform:translate(-50%,-50%)!important;}.translate-middle-x{transform:translateX(-50%)!important;}.translate-middle-y{transform:translateY(-50%)!important;}@media(min-width:576px){.w-sm-25{width:25%!important;}.w-sm-33{width:33.333333%!important;}.w-sm-50{width:50%!important;}.w-sm-66{width:66.666667%!important;}.w-sm-75{width:75%!important;}.w-sm-100{width:100%!important;}.w-sm-auto{width:auto!important;}.h-sm-25{height:25%!important;}.h-sm-33{height:33.333333%!important;}.h-sm-50{height:50%!important;}.h-sm-66{height:66.666667%!important;}.h-sm-75{height:75%!important;}.h-sm-100{height:100%!important;}.h-sm-auto{height:auto!important;}.mw-sm-100{max-width:100%!important;}.mh-sm-100{max-height:100%!important;}.min-vw-sm-100{min-width:100vw!important;}.min-vh-sm-100{min-height:100vh!important;}.vw-sm-100{width:100vw!important;}.vh-sm-100{height:100vh!important;}}@media(min-width:768px){.w-md-25{width:25%!important;}.w-md-33{width:33.333333%!important;}.w-md-50{width:50%!important;}.w-md-66{width:66.666667%!important;}.w-md-75{width:75%!important;}.w-md-100{width:100%!important;}.w-md-auto{width:auto!important;}.h-md-25{height:25%!important;}.h-md-33{height:33.333333%!important;}.h-md-50{height:50%!important;}.h-md-66{height:66.666667%!important;}.h-md-75{height:75%!important;}.h-md-100{height:100%!important;}.h-md-auto{height:auto!important;}.mw-md-100{max-width:100%!important;}.mh-md-100{max-height:100%!important;}.min-vw-md-100{min-width:100vw!important;}.min-vh-md-100{min-height:100vh!important;}.vw-md-100{width:100vw!important;}.vh-md-100{height:100vh!important;}}@media(min-width:992px){.w-lg-25{width:25%!important;}.w-lg-33{width:33.333333%!important;}.w-lg-50{width:50%!important;}.w-lg-66{width:66.666667%!important;}.w-lg-75{width:75%!important;}.w-lg-100{width:100%!important;}.w-lg-auto{width:auto!important;}.h-lg-25{height:25%!important;}.h-lg-33{height:33.333333%!important;}.h-lg-50{height:50%!important;}.h-lg-66{height:66.666667%!important;}.h-lg-75{height:75%!important;}.h-lg-100{height:100%!important;}.h-lg-auto{height:auto!important;}.mw-lg-100{max-width:100%!important;}.mh-lg-100{max-height:100%!important;}.min-vw-lg-100{min-width:100vw!important;}.min-vh-lg-100{min-height:100vh!important;}.vw-lg-100{width:100vw!important;}.vh-lg-100{height:100vh!important;}}@media(min-width:1200px){.w-xl-25{width:25%!important;}.w-xl-33{width:33.333333%!important;}.w-xl-50{width:50%!important;}.w-xl-66{width:66.666667%!important;}.w-xl-75{width:75%!important;}.w-xl-100{width:100%!important;}.w-xl-auto{width:auto!important;}.h-xl-25{height:25%!important;}.h-xl-33{height:33.333333%!important;}.h-xl-50{height:50%!important;}.h-xl-66{height:66.666667%!important;}.h-xl-75{height:75%!important;}.h-xl-100{height:100%!important;}.h-xl-auto{height:auto!important;}.mw-xl-100{max-width:100%!important;}.mh-xl-100{max-height:100%!important;}.min-vw-xl-100{min-width:100vw!important;}.min-vh-xl-100{min-height:100vh!important;}.vw-xl-100{width:100vw!important;}.vh-xl-100{height:100vh!important;}}.gap-0{gap:0!important;}.gap-y-0{row-gap:0!important;}.gap-x-0{column-gap:0!important;}.gap-1{gap:.25rem!important;}.gap-y-1{row-gap:.25rem!important;}.gap-x-1{column-gap:.25rem!important;}.gap-2{gap:.5rem!important;}.gap-y-2{row-gap:.5rem!important;}.gap-x-2{column-gap:.5rem!important;}.gap-3{gap:1rem!important;}.gap-y-3{row-gap:1rem!important;}.gap-x-3{column-gap:1rem!important;}.gap-4{gap:1.5rem!important;}.gap-y-4{row-gap:1.5rem!important;}.gap-x-4{column-gap:1.5rem!important;}.gap-5{gap:3rem!important;}.gap-y-5{row-gap:3rem!important;}.gap-x-5{column-gap:3rem!important;}.fs-xs{font-size:.75rem!important;}.fs-sm{font-size:.925rem!important;}.fs-md{font-size:1.125rem!important;}.fs-lg{font-size:1.25rem!important;}.fs-xl{font-size:1.5rem!important;}.fs-1{font-size:2.5rem!important;}.fs-2{font-size:2rem!important;}.fs-3{font-size:1.75rem!important;}.fs-4{font-size:1.5rem!important;}.fs-5{font-size:1.25rem!important;}.fs-6{font-size:1rem!important;}.font-weight-semibold{font-weight:600!important;}.flatpickr-months{margin:.5rem 0;}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{height:auto;position:relative;}.flatpickr-months .flatpickr-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#007bff;}.flatpickr-months .flatpickr-month{color:#212529;}.flatpickr-current-month{padding:13px 0 0 0;font-size:115%;}.flatpickr-current-month span.cur-month{font-weight:700;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,123,255,.15);}.numInputWrapper:hover{background:rgba(0,123,255,.15);}.flatpickr-day{border-radius:.25rem;font-weight:500;color:#212529;}.flatpickr-day.today{border-color:#007bff;}.flatpickr-day.today:hover{background:#007bff;border-color:#007bff;}.flatpickr-day:hover{background:rgba(0,123,255,.1);border-color:rgba(0,0,0,0);}span.flatpickr-weekday{color:#212529;}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#007bff;border-color:#007bff;}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #007bff;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:.25rem 0 0 .25rem;}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 .25rem .25rem 0;}.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:rgba(0,123,255,.1);}.flatpickr-monthSelect-month.selected{background-color:#007bff;} \ No newline at end of file diff --git a/_content/Blazorise.Bootstrap/modal.js b/_content/Blazorise.Bootstrap/modal.js new file mode 100755 index 0000000..3417e4a --- /dev/null +++ b/_content/Blazorise.Bootstrap/modal.js @@ -0,0 +1,119 @@ +import { addClassToBody, removeClassFromBody } from "../Blazorise/utilities.js?v=1.4.2.0"; + +export function open(element, scrollToTop) { + adjustDialogDimensionsBeforeShow(element); + + var modals = Number(document.body.getAttribute("data-modals") || "0"); + + if (modals === 0) { + addClassToBody("modal-open"); + } + + modals += 1; + + document.body.setAttribute("data-modals", modals.toString()); + + if (scrollToTop) { + const modalBody = element.querySelector('.modal-body'); + + if (modalBody) { + modalBody.scrollTop = 0; + } + } +} + +export function close(element) { + var modals = Number(document.body.getAttribute("data-modals") || "0"); + + modals -= 1; + + if (modals < 0) { + modals = 0; + } + + if (modals === 0) { + removeClassFromBody("modal-open"); + } + + document.body.setAttribute("data-modals", modals.toString()); + + resetAdjustments(element); +} + +export function adjustDialogDimensionsBeforeShow(element) { + if (element) { + const rect = document.body.getBoundingClientRect(); + const isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth; + const scrollbarWidth = getScrollBarWidth(); + + if (isBodyOverflowing) { + const fixedContent = [].slice.call(document.querySelectorAll('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top')); + const stickyContent = [].slice.call(document.querySelectorAll('.sticky-top')); + + // Adjust fixed content padding + if (fixedContent) { + fixedContent.forEach((fixedContentElement) => { + const calculatedPadding = fixedContentElement.style.paddingRight; + + fixedContentElement.style.paddingRight = `${parseFloat(calculatedPadding) + scrollbarWidth}px`; + }); + } + + // Adjust sticky content margin + if (stickyContent) { + stickyContent.forEach((stickyContentElement) => { + const calculatedMargin = stickyContentElement.style.marginRight; + + stickyContentElement.style.marginRight = `${parseFloat(calculatedMargin) - scrollbarWidth}px`; + }); + } + + // Adjust body padding + const calculatedPadding = document.body.style.paddingRight; + + document.body.style.paddingRight = `${calculatedPadding + scrollbarWidth}px`; + } + + const isModalOverflowing = element.scrollHeight > document.documentElement.clientHeight; + + if (!isBodyOverflowing && isModalOverflowing) { + element.style.paddingLeft = `${scrollbarWidth}px`; + } + + if (isBodyOverflowing && !isModalOverflowing) { + element.style.paddingRight = `${scrollbarWidth}px`; + } + } +} +export function resetAdjustments(element) { + // Restore element padding + if (element && element.style) { + element.style.paddingLeft = '' + element.style.paddingRight = ''; + } + + const fixedContent = [].slice.call(document.querySelectorAll('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top')); + const stickyContent = [].slice.call(document.querySelectorAll('.sticky-top')); + + // Restore fixed content padding + if (fixedContent) { + fixedContent.forEach((fixedContentElement) => { + fixedContentElement.style.paddingRight = ''; + }); + } + + // Restore sticky content + if (stickyContent) { + stickyContent.forEach((stickyContentElement) => { + stickyContentElement.style.marginRight = ''; + }); + } + + // Restore body padding + document.body.style.paddingRight = ''; +} + +export function getScrollBarWidth() { + const documentWidth = document.documentElement.clientWidth; + return Math.abs(window.innerWidth - documentWidth); +} \ No newline at end of file diff --git a/_content/Blazorise.Bootstrap/tooltip.js b/_content/Blazorise.Bootstrap/tooltip.js new file mode 100755 index 0000000..fe4253f --- /dev/null +++ b/_content/Blazorise.Bootstrap/tooltip.js @@ -0,0 +1,11 @@ +import { initialize as baseInitialize, destroy, updateContent } from "../Blazorise/tooltip.js?v=1.4.2.0"; + +export function initialize(element, elementId, options) { + baseInitialize(element, elementId, options); + + if (options.autodetectInline && element && element.querySelector(".custom-control-input,.btn")) { + element.classList.add("b-tooltip-inline"); + } +} + +export { destroy, updateContent }; \ No newline at end of file diff --git a/_content/Blazorise/blazorise.css b/_content/Blazorise/blazorise.css new file mode 100755 index 0000000..69f35a5 --- /dev/null +++ b/_content/Blazorise/blazorise.css @@ -0,0 +1,2453 @@ +body:before { + content: "mobile"; + display: none; + visibility: hidden; +} + +@media (min-width: 768px) { + body:before { + content: "tablet"; + } +} +@media (min-width: 992px) { + body:before { + content: "desktop"; + } +} +@media (min-width: 1200px) { + body:before { + content: "widescreen"; + } +} +@media (min-width: 1400px) { + body:before { + content: "fullhd"; + } +} +hr.divider.divider-solid { + border-top: var(--b-divider-thickness, 1px) solid var(--b-divider-color, #999); +} +hr.divider.divider-dashed { + border-top: var(--b-divider-thickness, 1px) dashed var(--b-divider-color, #999); +} +hr.divider.divider-dotted { + border-top: var(--b-divider-thickness, 1px) dotted var(--b-divider-color, #999); +} +hr.divider.divider-text { + position: relative; + border: none; + height: var(--b-divider-thickness, 1px); + background: var(--b-divider-color, #999); +} +hr.divider.divider-text::before { + content: attr(data-content); + display: inline-block; + background: #fff; + font-weight: bold; + font-size: var(--b-divider-font-size, 0.85rem); + color: var(--b-divider-color, #999); + border-radius: 30rem; + padding: 0.2rem 2rem; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.b-drop-zone { + position: relative; + transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} +.b-drop-zone.b-drop-zone-drag-block > * { + pointer-events: none; +} +.b-drop-zone.b-drop-zone-drop-allowed { + outline: 1px solid var(--b-theme-success, "#00FF00") !important; +} +.b-drop-zone.b-drop-zone-drop-not-allowed { + outline: 1px solid var(--b-theme-danger, "#FF0000") !important; +} +.b-drop-zone-draggable:not(.draggable-preview-start) { + cursor: grab; + user-select: none; +} +.b-drop-zone-draggable:not(.draggable-preview-start):active { + cursor: grabbing; +} +.b-drop-zone .draggable-placeholder { + outline: 2px dashed var(--b-theme-primary, "#0000FF") !important; + padding: 1rem; +} +.b-drop-zone .draggable-preview-start { + height: 20px; + width: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 1; +} + +.b-file-picker { + display: inline-block; + width: 100%; + /*.dropdown { + .custom-file { + width: auto; + + .custom-file-label { + border: 0; + } + } + + .b-file-picker-files { + width: 100%; + } + + .b-file-picker-file { + margin-right: 1.5rem; + } + }*/ +} +.b-file-picker .b-text-drop { + border: 1px solid rgba(0, 0, 0, 0.15); + margin-top: 0.5rem; + display: block; + text-align: center; + font-size: 0.75rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.b-file-picker .b-file-picker-file { + min-width: 25rem; +} +.b-file-picker .b-file-picker-file span { + display: block; +} +.b-file-picker .b-file-picker-file .b-file-picker-file-size, .b-file-picker .b-file-picker-file .b-file-picker-file-status, .b-file-picker .b-file-picker-file .b-file-picker-file-relativepath { + font-size: 0.75rem; +} + +.b-input-color-picker { + padding: 0.6rem; +} +.b-input-color-picker > .b-input-color-picker-preview { + position: relative; + z-index: 1; + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + justify-content: space-between; + /*margin-bottom: 0.5em;*/ +} +.b-input-color-picker > .b-input-color-picker-preview::before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url('data:image/svg+xml;utf8, '); + background-size: 0.5em; + border-radius: 0.15em; + z-index: -1; +} +.b-input-color-picker > .b-input-color-picker-preview > .b-input-color-picker-curent-color { + display: inline-block; + width: 100%; + height: 100%; +} +.b-input-color-picker[aria-disabled=true] { + opacity: 0.65; +} + +.progress.progress-xs { + height: 0.25rem; +} +.progress.progress-sm { + height: 0.5rem; +} +.progress.progress-md { + height: 1rem; +} +.progress.progress-lg { + height: 1.5rem; +} +.progress.progress-xl { + height: 2rem; +} + +.b-page-progress { + width: 100%; + height: 4px; + z-index: 9999; + top: 0; + left: 0; + position: fixed; + display: none; +} +.b-page-progress .b-page-progress-indicator { + width: 0; + height: 100%; + transition: height 0.3s; + background-color: #000; + transition: width 1s; +} +.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-indeterminate { + width: 30%; + animation: running-page-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; +} +.b-page-progress.b-page-progress-active { + display: block; +} + +@keyframes running-page-progress { + 0% { + margin-left: 0px; + margin-right: 100%; + } + 50% { + margin-left: 25%; + margin-right: 0%; + } + 100% { + margin-left: 100%; + margin-right: 0; + } +} +.tippy-box[data-animation=scale][data-placement^=top] { + transform-origin: bottom; +} + +.tippy-box[data-animation=scale][data-placement^=bottom] { + transform-origin: top; +} + +.tippy-box[data-animation=scale][data-placement^=left] { + transform-origin: right; +} + +.tippy-box[data-animation=scale][data-placement^=right] { + transform-origin: left; +} + +.tippy-box[data-animation=scale][data-state=hidden] { + transform: scale(0.5); + opacity: 0; +} + +.tippy-box[data-theme~=blazorise] { + background-color: RGBA( var(--b-tooltip-background-color-r, 128), var(--b-tooltip-background-color-g, 128), var(--b-tooltip-background-color-b, 128), var(--b-tooltip-background-opacity, 0.9) ); + color: var(--b-tooltip-color, #ffffff); +} + +.tippy-box[data-theme~=blazorise][data-placement^=top] > .tippy-arrow::before { + border-top-color: RGBA( var(--b-tooltip-background-color-r, 128), var(--b-tooltip-background-color-g, 128), var(--b-tooltip-background-color-b, 128), var(--b-tooltip-background-opacity, 0.9) ); +} + +.tippy-box[data-theme~=blazorise][data-placement^=bottom] > .tippy-arrow::before { + border-bottom-color: RGBA( var(--b-tooltip-background-color-r, 128), var(--b-tooltip-background-color-g, 128), var(--b-tooltip-background-color-b, 128), var(--b-tooltip-background-opacity, 0.9) ); +} + +.tippy-box[data-theme~=blazorise][data-placement^=left] > .tippy-arrow::before { + border-left-color: RGBA( var(--b-tooltip-background-color-r, 128), var(--b-tooltip-background-color-g, 128), var(--b-tooltip-background-color-b, 128), var(--b-tooltip-background-opacity, 0.9) ); +} + +.tippy-box[data-theme~=blazorise][data-placement^=right] > .tippy-arrow::before { + border-right-color: RGBA( var(--b-tooltip-background-color-r, 128), var(--b-tooltip-background-color-g, 128), var(--b-tooltip-background-color-b, 128), var(--b-tooltip-background-opacity, 0.9) ); +} + +.tippy-box[data-theme~=blazorise] > .tippy-svg-arrow { + fill: RGBA( var(--b-tooltip-background-color-r, 128), var(--b-tooltip-background-color-g, 128), var(--b-tooltip-background-color-b, 128), var(--b-tooltip-background-opacity, 0.9) ); +} + +.b-tooltip-inline { + display: inline-block; +} + +.b-layout { + display: flex; + flex: auto; + flex-direction: column; +} +.b-layout.b-layout-root { + height: 100vh; +} + +.b-layout, +.b-layout * { + box-sizing: border-box; +} + +@keyframes spinner { + 0% { + transform: translate3d(-50%, -50%, 0) rotate(0deg); + } + 100% { + transform: translate3d(-50%, -50%, 0) rotate(360deg); + } +} +.b-layout > .b-layout-loading { + z-index: 9999; + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.3); +} +.b-layout > .b-layout-loading:before { + animation: 1s linear infinite spinner; + border: solid 3px #eee; + border-bottom-color: var(--b-theme-primary); + border-radius: 50%; + height: 40px; + left: 50%; + position: absolute; + top: 50%; + transform: translate3d(-50%, -50%, 0); + width: 40px; + content: " "; +} +.b-layout.b-layout-has-sider { + flex-direction: row; + min-height: 0; +} +.b-layout.b-layout-has-sider .b-layout { + overflow-x: hidden; +} + +.b-layout-header, +.b-layout-footer { + flex: 0 0 auto; +} + +.b-layout-header { + color: rgba(0, 0, 0, 0.65); +} + +.b-layout.b-layout-root.b-layout-has-sider > .b-layout-header-fixed, +.b-layout.b-layout-root.b-layout-has-sider > .b-layout > .b-layout-header-fixed { + position: sticky; + top: 0; + width: 100%; + flex: 0; +} + +.b-layout.b-layout-root:not(.b-layout-has-sider) .b-layout-header-fixed, +.b-layout.b-layout-root:not(.b-layout-has-sider) > .b-layout .b-layout-header-fixed { + position: fixed; + top: 0; + left: 0; + right: 0; + flex: 0; +} +.b-layout.b-layout-root:not(.b-layout-has-sider) .b-layout-header-fixed + .b-layout-content, +.b-layout.b-layout-root:not(.b-layout-has-sider) > .b-layout .b-layout-header-fixed + .b-layout-content { + margin-top: var(--b-bar-horizontal-height, auto); +} + +.b-layout.b-layout-root > .b-layout-header.b-layout-header-fixed + .b-layout.b-layout-has-sider { + margin-top: var(--b-bar-horizontal-height, auto); +} + +.b-layout-footer { + color: rgba(0, 0, 0, 0.65); +} +.b-layout-footer-fixed { + position: sticky; + z-index: 1; + bottom: 0; + flex: 0; +} + +.b-layout-content { + flex: 1; +} + +.b-layout-sider { + display: flex; + position: relative; + background: #001529; +} + +.b-layout-sider-content { + position: sticky; + top: 0; + z-index: 2; +} + +.b-layout-header .navbar { + line-height: inherit; +} + +.b-bar-horizontal[data-collapse=hide] { + flex-wrap: nowrap; +} +.b-bar-horizontal[data-collapse=hide][data-broken=true] { + height: auto; +} +.b-bar-horizontal[data-broken=false] { + height: auto; +} + +.b-layout > .b-layout-header .b-bar-horizontal[data-collapse=hide][data-broken=true] { + height: var(--b-bar-horizontal-height, auto); +} +.b-layout > .b-layout-header .b-bar-horizontal[data-broken=false] { + height: var(--b-bar-horizontal-height, auto); +} + +.b-bar-initial { + display: none !important; +} + +.b-bar-vertical-inline, +.b-bar-vertical-popout, +.b-bar-vertical-small { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + position: sticky; + top: 0; + padding: 0; + min-width: var(--b-vertical-bar-width, 230px); + max-width: var(--b-vertical-bar-width, 230px); + width: var(--b-vertical-bar-width, 230px); + box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); + height: 100%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + /* + Theming + */ +} +.b-bar-vertical-inline:not(.b-bar-initial), +.b-bar-vertical-popout:not(.b-bar-initial), +.b-bar-vertical-small:not(.b-bar-initial) { + transition: width 200ms ease-in-out, min-width 200ms ease-in-out; +} +.b-bar-vertical-inline .b-bar-menu, +.b-bar-vertical-popout .b-bar-menu, +.b-bar-vertical-small .b-bar-menu { + width: 100%; + display: flex; + flex: 1; + justify-content: space-between; + flex-direction: column; + align-self: stretch; +} +.b-bar-vertical-inline .b-bar-brand, +.b-bar-vertical-popout .b-bar-brand, +.b-bar-vertical-small .b-bar-brand { + width: 100%; + display: flex; + height: var(--b-vertical-bar-brand-height, 64px); + min-height: var(--b-vertical-bar-brand-height, 64px); +} +.b-bar-vertical-inline .b-bar-toggler-inline, +.b-bar-vertical-popout .b-bar-toggler-inline, +.b-bar-vertical-small .b-bar-toggler-inline { + height: var(--b-vertical-bar-brand-height, 64px); + padding: 12px; + display: inline-flex; + cursor: pointer; + position: absolute; + right: 0; +} +.b-bar-vertical-inline .b-bar-toggler-inline > *, +.b-bar-vertical-popout .b-bar-toggler-inline > *, +.b-bar-vertical-small .b-bar-toggler-inline > * { + margin: auto; +} +.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle) { + display: flex; + position: fixed; + left: var(--b-vertical-bar-width, 230px); + border-radius: 0px 10px 10px 0px; + border: 0px; + width: 10px; + height: 40px; + padding: 5px; + align-items: center; + box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); + cursor: pointer; +} +.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle):not(.b-bar-initial), +.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle):not(.b-bar-initial), +.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle):not(.b-bar-initial) { + transition: width 200ms ease-in-out, left 200ms ease-in-out; +} +.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle) > *, +.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle) > *, +.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle) > * { + margin: auto; + display: none; +} +.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover, +.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover, +.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover { + width: 45px; +} +.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover > *, +.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover > *, +.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover > * { + display: block; +} +.b-bar-vertical-inline .b-bar-item, +.b-bar-vertical-popout .b-bar-item, +.b-bar-vertical-small .b-bar-item { + margin: auto; + flex-grow: 1; + min-height: 40px; +} +.b-bar-vertical-inline .b-bar-item .b-bar-icon, +.b-bar-vertical-popout .b-bar-item .b-bar-icon, +.b-bar-vertical-small .b-bar-item .b-bar-icon { + font-size: 1.25rem; + vertical-align: middle; + margin: 3px; + display: inline-block; +} +.b-bar-vertical-inline .b-bar-start, +.b-bar-vertical-popout .b-bar-start, +.b-bar-vertical-small .b-bar-start { + width: 100%; + display: block; +} +.b-bar-vertical-inline .b-bar-end, +.b-bar-vertical-popout .b-bar-end, +.b-bar-vertical-small .b-bar-end { + padding-bottom: 1rem; + width: 100%; + padding-top: 1rem; + display: block; +} +.b-bar-vertical-inline .b-bar-end .b-bar-dropdown, +.b-bar-vertical-popout .b-bar-end .b-bar-dropdown, +.b-bar-vertical-small .b-bar-end .b-bar-dropdown { + position: relative; +} +.b-bar-vertical-inline .b-bar-end .b-bar-dropdown-menu-container, +.b-bar-vertical-popout .b-bar-end .b-bar-dropdown-menu-container, +.b-bar-vertical-small .b-bar-end .b-bar-dropdown-menu-container { + bottom: 0; +} +.b-bar-vertical-inline .b-bar-link, +.b-bar-vertical-popout .b-bar-link, +.b-bar-vertical-small .b-bar-link { + display: block; + width: 100%; + text-decoration: none; + padding: 0.5rem 0.5rem 0.5rem 1.5rem; + cursor: pointer; + overflow-x: hidden; + line-height: 1.5rem; + vertical-align: middle; + transition: font-size 150ms ease-in; +} +.b-bar-vertical-inline .b-bar-label, +.b-bar-vertical-popout .b-bar-label, +.b-bar-vertical-small .b-bar-label { + background: transparent; + color: #adb5bd; + padding: 0.375rem 1.25rem; + font-size: 0.75rem; + text-overflow: ellipsis; + overflow-x: hidden; +} +.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-toggle:before, +.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-toggle:before, +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-toggle:before { + content: " "; + border: solid; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 2px; + right: 1rem; + transition: transform 200ms ease-out; + float: right; + position: relative; + -webkit-transform: rotate(225deg); + transform: rotate(225deg); + top: 0.7rem; +} +.b-bar-vertical-inline .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before, +.b-bar-vertical-popout .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before, +.b-bar-vertical-small .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + top: 0.5rem; +} +.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu, +.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu, +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu { + display: none; + background: inherit; + color: inherit; + float: none; + padding: 5px 0px; +} +.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu[data-visible=true], +.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu[data-visible=true], +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu[data-visible=true] { + display: block; +} +.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item, +.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item, +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item { + position: relative; + color: inherit; + transition: background 100ms ease-in-out, color 100ms ease-in-out; + text-decoration: none; + display: block; + width: 100%; + overflow-x: hidden; +} +.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item i, +.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item i, +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item i { + margin-right: 0.3rem; +} +.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu:before, +.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu:before, +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu:before { + background: inherit; + box-shadow: none; +} +.b-bar-vertical-inline .b-bar-mobile-toggle, +.b-bar-vertical-popout .b-bar-mobile-toggle, +.b-bar-vertical-small .b-bar-mobile-toggle { + right: 20px; + margin: auto; + display: none; +} +.b-bar-vertical-inline .b-bar-item-multi-line, +.b-bar-vertical-popout .b-bar-item-multi-line, +.b-bar-vertical-small .b-bar-item-multi-line { + display: -webkit-box !important; + -webkit-box-orient: vertical; + -webkit-line-clamp: var(--b-bar-item-lines, 2); + white-space: normal !important; + overflow: hidden; + text-overflow: ellipsis; +} +.b-bar-vertical-inline.b-bar-dark, +.b-bar-vertical-popout.b-bar-dark, +.b-bar-vertical-small.b-bar-dark { + background: var(--b-bar-dark-background, #001529); + color: var(--b-bar-dark-color, rgba(255, 255, 255, 0.5)); +} +.b-bar-vertical-inline.b-bar-dark .b-bar-brand, +.b-bar-vertical-popout.b-bar-dark .b-bar-brand, +.b-bar-vertical-small.b-bar-dark .b-bar-brand { + background: var(--b-bar-brand-dark-background, rgba(255, 255, 255, 0.025)); +} +.b-bar-vertical-inline.b-bar-dark .b-bar-brand .b-bar-link, +.b-bar-vertical-popout.b-bar-dark .b-bar-brand .b-bar-link, +.b-bar-vertical-small.b-bar-dark .b-bar-brand .b-bar-link { + color: #fff; +} +.b-bar-vertical-inline.b-bar-dark .b-bar-brand .b-bar-link.active, +.b-bar-vertical-popout.b-bar-dark .b-bar-brand .b-bar-link.active, +.b-bar-vertical-small.b-bar-dark .b-bar-brand .b-bar-link.active { + color: #fff; + background: inherit; +} +.b-bar-vertical-inline.b-bar-dark .b-bar-brand .b-bar-link:hover, +.b-bar-vertical-popout.b-bar-dark .b-bar-brand .b-bar-link:hover, +.b-bar-vertical-small.b-bar-dark .b-bar-brand .b-bar-link:hover { + color: #fff; + background: inherit; +} +.b-bar-vertical-inline.b-bar-dark .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-popout.b-bar-dark .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-small.b-bar-dark .b-bar-toggler-popout:not(.b-bar-mobile-toggle) { + background: var(--b-bar-dark-background, #001529); + color: var(--b-bar-dark-color, rgba(255, 255, 255, 0.5)); +} +.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu, +.b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu, +.b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu { + background: var(--b-bar-dropdown-dark-background, #000c17); +} +.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active, +.b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active, +.b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active { + color: var(--b-bar-item-dark-active-color, #fff); + background: var(--b-bar-item-dark-active-background, #0288D1); +} +.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item:hover, +.b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item:hover, +.b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item:hover { + color: var(--b-bar-item-dark-hover-color, #fff); + background: var(--b-bar-item-dark-hover-background, rgba(255, 255, 255, 0.3)); +} +.b-bar-vertical-inline.b-bar-dark .b-bar-link, +.b-bar-vertical-popout.b-bar-dark .b-bar-link, +.b-bar-vertical-small.b-bar-dark .b-bar-link { + color: inherit; +} +.b-bar-vertical-inline.b-bar-dark .b-bar-link.active, +.b-bar-vertical-popout.b-bar-dark .b-bar-link.active, +.b-bar-vertical-small.b-bar-dark .b-bar-link.active { + color: var(--b-bar-item-dark-active-color, #fff); + background: var(--b-bar-item-dark-active-background, #0288D1); +} +.b-bar-vertical-inline.b-bar-dark .b-bar-link:hover, +.b-bar-vertical-popout.b-bar-dark .b-bar-link:hover, +.b-bar-vertical-small.b-bar-dark .b-bar-link:hover { + color: var(--b-bar-item-dark-hover-color, #fff); + background: var(--b-bar-item-dark-hover-background, rgba(255, 255, 255, 0.3)); +} +.b-bar-vertical-inline.b-bar-light, +.b-bar-vertical-popout.b-bar-light, +.b-bar-vertical-small.b-bar-light { + background: var(--b-bar-light-background, #fff); + color: var(--b-bar-light-color, rgba(0, 0, 0, 0.7)); +} +.b-bar-vertical-inline.b-bar-light .b-bar-brand, +.b-bar-vertical-popout.b-bar-light .b-bar-brand, +.b-bar-vertical-small.b-bar-light .b-bar-brand { + background: var(--b-bar-brand-light-background, rgba(0, 0, 0, 0.025)); +} +.b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link, +.b-bar-vertical-popout.b-bar-light .b-bar-brand .b-bar-link, +.b-bar-vertical-small.b-bar-light .b-bar-brand .b-bar-link { + color: #000; +} +.b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link.active, +.b-bar-vertical-popout.b-bar-light .b-bar-brand .b-bar-link.active, +.b-bar-vertical-small.b-bar-light .b-bar-brand .b-bar-link.active { + background: inherit; +} +.b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link:hover, +.b-bar-vertical-popout.b-bar-light .b-bar-brand .b-bar-link:hover, +.b-bar-vertical-small.b-bar-light .b-bar-brand .b-bar-link:hover { + background: inherit; +} +.b-bar-vertical-inline.b-bar-light .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-popout.b-bar-light .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-small.b-bar-light .b-bar-toggler-popout:not(.b-bar-mobile-toggle) { + background: var(--b-bar-brand-light-background, #fff); + color: var(--b-bar-light-color, rgba(0, 0, 0, 0.7)); +} +.b-bar-vertical-inline.b-bar-light .b-bar-dropdown-menu, +.b-bar-vertical-popout.b-bar-light .b-bar-dropdown-menu, +.b-bar-vertical-small.b-bar-light .b-bar-dropdown-menu { + background: var(--b-bar-dropdown-light-background, #f2f2f2); +} +.b-bar-vertical-inline.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item.active, +.b-bar-vertical-popout.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item.active, +.b-bar-vertical-small.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item.active { + color: var(--b-bar-item-light-active-color, #000); + background: var(--b-bar-item-light-active-background, #0288D1); +} +.b-bar-vertical-inline.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item:hover, +.b-bar-vertical-popout.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item:hover, +.b-bar-vertical-small.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item:hover { + color: var(--b-bar-item-light-hover-color, #000); + background: var(--b-bar-item-light-hover-background, rgba(0, 0, 0, 0.3)); +} +.b-bar-vertical-inline.b-bar-light .b-bar-link, +.b-bar-vertical-popout.b-bar-light .b-bar-link, +.b-bar-vertical-small.b-bar-light .b-bar-link { + color: inherit; +} +.b-bar-vertical-inline.b-bar-light .b-bar-link.active, +.b-bar-vertical-popout.b-bar-light .b-bar-link.active, +.b-bar-vertical-small.b-bar-light .b-bar-link.active { + color: var(--b-bar-item-light-active-color, #000); + background: var(--b-bar-item-light-active-background, #0288D1); +} +.b-bar-vertical-inline.b-bar-light .b-bar-link:hover, +.b-bar-vertical-popout.b-bar-light .b-bar-link:hover, +.b-bar-vertical-small.b-bar-light .b-bar-link:hover { + color: var(--b-bar-item-light-hover-color, #000); + background: var(--b-bar-item-light-hover-background, rgba(0, 0, 0, 0.3)); +} + +.b-bar-vertical-small, +.b-bar-vertical-inline[data-collapse=small], +.b-bar-vertical-popout[data-collapse=small] { + width: var(--b-vertical-bar-small-width, 64px); + min-width: var(--b-vertical-bar-small-width, 64px); +} +.b-bar-vertical-small:not(.b-bar-initial), +.b-bar-vertical-inline[data-collapse=small]:not(.b-bar-initial), +.b-bar-vertical-popout[data-collapse=small]:not(.b-bar-initial) { + transition: width 200ms ease-in-out, min-width 200ms ease-in-out; +} +.b-bar-vertical-small .b-bar-toggler-inline, +.b-bar-vertical-inline[data-collapse=small] .b-bar-toggler-inline, +.b-bar-vertical-popout[data-collapse=small] .b-bar-toggler-inline { + position: relative; + width: 100%; +} +.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-inline[data-collapse=small] .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-popout[data-collapse=small] .b-bar-toggler-popout:not(.b-bar-mobile-toggle) { + left: var(--b-vertical-bar-small-width, 64px); +} +.b-bar-vertical-small .b-bar-item > .b-bar-dropdown > .b-bar-dropdown-toggle:before, +.b-bar-vertical-inline[data-collapse=small] .b-bar-item > .b-bar-dropdown > .b-bar-dropdown-toggle:before, +.b-bar-vertical-popout[data-collapse=small] .b-bar-item > .b-bar-dropdown > .b-bar-dropdown-toggle:before { + display: none; +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container { + z-index: 100; + max-height: 50vh; + position: absolute !important; + margin: -42px 5px 0px 5px; + display: flex; + width: var(--b-vertical-bar-popout-menu-width, 180px); + left: var(--b-vertical-bar-small-width, 64px); +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right { + right: var(--b-vertical-bar-small-width, 64px); + left: unset; +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu { + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); + border-radius: 3px; + overflow-y: auto; + overflow-x: hidden; + flex: 1 100%; +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item { + padding: 0.5rem 0.5rem 0.5rem 1.5rem; +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before { + position: absolute; + top: 0; + left: -7px; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0.0001; + content: " "; + z-index: -1; +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before { + left: unset; + right: -7px; +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container { + left: var(--b-vertical-bar-popout-menu-width, 180px); +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right { + right: var(--b-vertical-bar-popout-menu-width, 180px); +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-toggle:before, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-toggle:before, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-toggle:before { + content: " "; + border: solid; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 2px; + right: 1rem; + transition: transform 200ms ease-out; + float: right; + position: relative; + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + right: 0.8rem; +} +.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before, +.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before, +.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before { + -webkit-transform: rotate(315deg); + transform: rotate(315deg); +} +@keyframes b-bar-link-small { + to { + text-align: center; + padding-left: 0px; + padding-right: 0px; + } +} +.b-bar-vertical-small .b-bar-item > .b-bar-link, +.b-bar-vertical-small .b-bar-item > .b-bar-dropdown > .b-bar-link, +.b-bar-vertical-inline[data-collapse=small] .b-bar-item > .b-bar-link, +.b-bar-vertical-inline[data-collapse=small] .b-bar-item > .b-bar-dropdown > .b-bar-link, +.b-bar-vertical-popout[data-collapse=small] .b-bar-item > .b-bar-link, +.b-bar-vertical-popout[data-collapse=small] .b-bar-item > .b-bar-dropdown > .b-bar-link { + animation: b-bar-link-small forwards; + animation-delay: 170ms; + font-size: 0; + transition: font-size 100ms ease-out; +} +.b-bar-vertical-small .b-bar-item > .b-bar-link:after, +.b-bar-vertical-small .b-bar-item > .b-bar-dropdown > .b-bar-link:after, +.b-bar-vertical-inline[data-collapse=small] .b-bar-item > .b-bar-link:after, +.b-bar-vertical-inline[data-collapse=small] .b-bar-item > .b-bar-dropdown > .b-bar-link:after, +.b-bar-vertical-popout[data-collapse=small] .b-bar-item > .b-bar-link:after, +.b-bar-vertical-popout[data-collapse=small] .b-bar-item > .b-bar-dropdown > .b-bar-link:after { + display: none; +} +.b-bar-vertical-small .b-bar-label, +.b-bar-vertical-inline[data-collapse=small] .b-bar-label, +.b-bar-vertical-popout[data-collapse=small] .b-bar-label { + text-align: center; +} + +.b-bar-vertical-inline:not([data-collapse]) { + overflow-y: auto; + overflow-x: hidden; +} +.b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container { + position: relative; +} +.b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu { + position: relative !important; + border: none; + border-radius: 0; + box-shadow: none; +} +.b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item { + padding: 0.5rem 0.5rem 0.5rem 3rem; +} +.b-bar-vertical-inline:not([data-collapse]) .b-bar-brand .b-bar-link { + display: flex; + align-items: center; +} + +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-toggle:before { + content: " "; + border: solid; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 2px; + right: 1rem; + transition: transform 200ms ease-out; + float: right; + position: relative; + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + right: 0.8rem; +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before { + -webkit-transform: rotate(315deg); + transform: rotate(315deg); +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container { + z-index: 100; + max-height: 50vh; + position: absolute !important; + margin: -42px 5px 0px 5px; + display: flex; + width: var(--b-vertical-bar-popout-menu-width, 180px); + left: var(--b-vertical-bar-width, 230px); +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right { + right: var(--b-vertical-bar-width, 230px); + left: unset; +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu { + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); + border-radius: 3px; + overflow-y: auto; + overflow-x: hidden; + flex: 1 100%; +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item { + padding: 0.5rem 0.5rem 0.5rem 1.5rem; +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before { + position: absolute; + top: 0; + left: -7px; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0.0001; + content: " "; + z-index: -1; +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before { + left: unset; + right: -7px; +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container { + left: var(--b-vertical-bar-popout-menu-width, 180px); +} +.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu > .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right { + right: var(--b-vertical-bar-popout-menu-width, 180px); +} + +.b-bar-vertical-inline[data-collapse=hide], +.b-bar-vertical-popout[data-collapse=hide], +.b-bar-vertical-small[data-collapse=hide] { + width: 0px; + min-width: 0px; + overflow-y: hidden; + visibility: hidden; +} +.b-bar-vertical-inline[data-collapse=hide]:not(.b-bar-initial), +.b-bar-vertical-popout[data-collapse=hide]:not(.b-bar-initial), +.b-bar-vertical-small[data-collapse=hide]:not(.b-bar-initial) { + transition: width 200ms ease-in-out, min-width 200ms ease-in-out, visibility 100ms; +} +.b-bar-vertical-inline[data-collapse=hide] .b-bar-toggler-inline, +.b-bar-vertical-popout[data-collapse=hide] .b-bar-toggler-inline, +.b-bar-vertical-small[data-collapse=hide] .b-bar-toggler-inline { + display: none; +} +.b-bar-vertical-inline[data-collapse=hide] .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-popout[data-collapse=hide] .b-bar-toggler-popout:not(.b-bar-mobile-toggle), +.b-bar-vertical-small[data-collapse=hide] .b-bar-toggler-popout:not(.b-bar-mobile-toggle) { + visibility: visible; + left: 0px; +} + +/* Mobile & below */ +@media only screen and (max-width: 576px) { + .b-bar-vertical-inline:not([data-collapse]) { + min-width: 100vw; + } + .b-bar-vertical-inline:not([data-collapse]) .b-bar-toggler-inline:not(.b-bar-mobile-toggle) { + display: none; + } + .b-bar-vertical-inline:not([data-collapse]) .b-bar-toggler-popout:not(.b-bar-mobile-toggle) { + left: 100vw; + } + .b-bar-vertical-inline:not([data-collapse]) .b-bar-mobile-toggle { + display: flex; + } +} +.b-table.table { + position: relative; +} +.b-table.table .b-table-resizer { + position: absolute; + top: 0; + right: 0; + width: 5px; + cursor: col-resize; + user-select: none; + z-index: 1; +} +.b-table.table .b-table-resizer:hover, .b-table.table .b-table-resizing { + cursor: col-resize !important; + border-right: 2px solid var(--b-theme-primary, blue); +} +.b-table.table .b-table-resizing { + cursor: col-resize !important; +} + +thead tr th { + position: relative; +} + +.b-character-casing-lower { + text-transform: lowercase; +} + +.b-character-casing-upper { + text-transform: uppercase; +} + +.b-character-casing-title { + text-transform: lowercase; +} +.b-character-casing-title::first-letter { + text-transform: uppercase; +} + +.flatpickr-calendar { + background: transparent; + opacity: 0; + display: none; + text-align: center; + visibility: hidden; + padding: 0; + -webkit-animation: none; + animation: none; + direction: ltr; + border: 0; + font-size: 14px; + line-height: 24px; + border-radius: 5px; + position: absolute; + width: 307.875px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-touch-action: manipulation; + touch-action: manipulation; + background: #fff; + -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); + box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); +} + +.flatpickr-calendar.open, +.flatpickr-calendar.inline { + opacity: 1; + max-height: 640px; + visibility: visible; +} + +.flatpickr-calendar.open { + display: inline-block; + z-index: 99999; +} + +.flatpickr-calendar.animate.open { + -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-calendar.inline { + display: block; + position: relative; + top: 2px; +} + +.flatpickr-calendar.static { + position: absolute; + top: calc(100% + 2px); +} + +.flatpickr-calendar.static.open { + z-index: 999; + display: block; +} + +.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { + -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; +} + +.flatpickr-calendar .hasWeeks .dayContainer, +.flatpickr-calendar .hasTime .dayContainer { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.flatpickr-calendar .hasWeeks .dayContainer { + border-left: 0; +} + +.flatpickr-calendar.hasTime .flatpickr-time { + height: 40px; + border-top: 1px solid #e6e6e6; +} + +.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { + height: auto; +} + +.flatpickr-calendar:before, +.flatpickr-calendar:after { + position: absolute; + display: block; + pointer-events: none; + border: solid transparent; + content: ""; + height: 0; + width: 0; + left: 22px; +} + +.flatpickr-calendar.rightMost:before, +.flatpickr-calendar.arrowRight:before, +.flatpickr-calendar.rightMost:after, +.flatpickr-calendar.arrowRight:after { + left: auto; + right: 22px; +} + +.flatpickr-calendar.arrowCenter:before, +.flatpickr-calendar.arrowCenter:after { + left: 50%; + right: 50%; +} + +.flatpickr-calendar:before { + border-width: 5px; + margin: 0 -5px; +} + +.flatpickr-calendar:after { + border-width: 4px; + margin: 0 -4px; +} + +.flatpickr-calendar.arrowTop:before, +.flatpickr-calendar.arrowTop:after { + bottom: 100%; +} + +.flatpickr-calendar.arrowTop:before { + border-bottom-color: #e6e6e6; +} + +.flatpickr-calendar.arrowTop:after { + border-bottom-color: #fff; +} + +.flatpickr-calendar.arrowBottom:before, +.flatpickr-calendar.arrowBottom:after { + top: 100%; +} + +.flatpickr-calendar.arrowBottom:before { + border-top-color: #e6e6e6; +} + +.flatpickr-calendar.arrowBottom:after { + border-top-color: #fff; +} + +.flatpickr-calendar:focus { + outline: 0; +} + +.flatpickr-wrapper { + position: relative; + display: contents; +} + +.flatpickr-months { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.flatpickr-months .flatpickr-month { + background: transparent; + color: rgba(0, 0, 0, 0.9); + fill: rgba(0, 0, 0, 0.9); + height: 34px; + line-height: 1; + text-align: center; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + overflow: hidden; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.flatpickr-months .flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month { + text-decoration: none; + cursor: pointer; + position: absolute; + top: 0; + height: 34px; + padding: 10px; + z-index: 3; + color: rgba(0, 0, 0, 0.9); + fill: rgba(0, 0, 0, 0.9); +} + +.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, +.flatpickr-months .flatpickr-next-month.flatpickr-disabled { + display: none; +} + +.flatpickr-months .flatpickr-prev-month i, +.flatpickr-months .flatpickr-next-month i { + position: relative; +} + +.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { + /* + /*rtl:begin:ignore*/ + /* + */ + left: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, +.flatpickr-months .flatpickr-next-month.flatpickr-next-month { + /* + /*rtl:begin:ignore*/ + /* + */ + right: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month:hover, +.flatpickr-months .flatpickr-next-month:hover { + color: #959ea9; +} + +.flatpickr-months .flatpickr-prev-month:hover svg, +.flatpickr-months .flatpickr-next-month:hover svg { + fill: #f64747; +} + +.flatpickr-months .flatpickr-prev-month svg, +.flatpickr-months .flatpickr-next-month svg { + width: 14px; + height: 14px; +} + +.flatpickr-months .flatpickr-prev-month svg path, +.flatpickr-months .flatpickr-next-month svg path { + -webkit-transition: fill 0.1s; + transition: fill 0.1s; + fill: inherit; +} + +.numInputWrapper { + position: relative; + height: auto; +} + +.numInputWrapper input, +.numInputWrapper span { + display: inline-block; +} + +.numInputWrapper input { + width: 100%; +} + +.numInputWrapper input::-ms-clear { + display: none; +} + +.numInputWrapper input::-webkit-outer-spin-button, +.numInputWrapper input::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; +} + +.numInputWrapper span { + position: absolute; + right: 0; + width: 14px; + padding: 0 4px 0 2px; + height: 50%; + line-height: 50%; + opacity: 0; + cursor: pointer; + border: 1px solid rgba(57, 57, 57, 0.15); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.numInputWrapper span:hover { + background: rgba(0, 0, 0, 0.1); +} + +.numInputWrapper span:active { + background: rgba(0, 0, 0, 0.2); +} + +.numInputWrapper span:after { + display: block; + content: ""; + position: absolute; +} + +.numInputWrapper span.arrowUp { + top: 0; + border-bottom: 0; +} + +.numInputWrapper span.arrowUp:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 4px solid rgba(57, 57, 57, 0.6); + top: 26%; +} + +.numInputWrapper span.arrowDown { + top: 50%; +} + +.numInputWrapper span.arrowDown:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid rgba(57, 57, 57, 0.6); + top: 40%; +} + +.numInputWrapper span svg { + width: inherit; + height: auto; +} + +.numInputWrapper span svg path { + fill: rgba(0, 0, 0, 0.5); +} + +.numInputWrapper:hover { + background: rgba(0, 0, 0, 0.05); +} + +.numInputWrapper:hover span { + opacity: 1; +} + +.flatpickr-current-month { + font-size: 135%; + line-height: inherit; + font-weight: 300; + color: inherit; + position: absolute; + width: 75%; + left: 12.5%; + padding: 7.48px 0 0 0; + line-height: 1; + height: 34px; + display: inline-block; + text-align: center; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); +} + +.flatpickr-current-month span.cur-month { + font-family: inherit; + font-weight: 700; + color: inherit; + display: inline-block; + margin-left: 0.5ch; + padding: 0; +} + +.flatpickr-current-month span.cur-month:hover { + background: rgba(0, 0, 0, 0.05); +} + +.flatpickr-current-month .numInputWrapper { + width: 6ch; + width: 7ch\0 ; + display: inline-block; +} + +.flatpickr-current-month .numInputWrapper span.arrowUp:after { + border-bottom-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month .numInputWrapper span.arrowDown:after { + border-top-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month input.cur-year { + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + cursor: text; + padding: 0 0 0 0.5ch; + margin: 0; + display: inline-block; + font-size: inherit; + font-family: inherit; + font-weight: 300; + line-height: inherit; + height: auto; + border: 0; + border-radius: 0; + vertical-align: initial; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + +.flatpickr-current-month input.cur-year:focus { + outline: 0; +} + +.flatpickr-current-month input.cur-year[disabled], +.flatpickr-current-month input.cur-year[disabled]:hover { + font-size: 100%; + color: rgba(0, 0, 0, 0.5); + background: transparent; + pointer-events: none; +} + +.flatpickr-current-month .flatpickr-monthDropdown-months { + appearance: menulist; + background: transparent; + border: none; + border-radius: 0; + box-sizing: border-box; + color: inherit; + cursor: pointer; + font-size: inherit; + font-family: inherit; + font-weight: 300; + height: auto; + line-height: inherit; + margin: -1px 0 0 0; + outline: none; + padding: 0 0 0 0.5ch; + position: relative; + vertical-align: initial; + -webkit-box-sizing: border-box; + -webkit-appearance: menulist; + -moz-appearance: menulist; + width: auto; +} + +.flatpickr-current-month .flatpickr-monthDropdown-months:focus, +.flatpickr-current-month .flatpickr-monthDropdown-months:active { + outline: none; +} + +.flatpickr-current-month .flatpickr-monthDropdown-months:hover { + background: rgba(0, 0, 0, 0.05); +} + +.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { + background-color: transparent; + outline: none; + padding: 0; +} + +.flatpickr-weekdays { + background: transparent; + text-align: center; + overflow: hidden; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 28px; +} + +.flatpickr-weekdays .flatpickr-weekdaycontainer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +span.flatpickr-weekday { + cursor: default; + font-size: 90%; + background: transparent; + color: rgba(0, 0, 0, 0.54); + line-height: 1; + margin: 0; + text-align: center; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-weight: bolder; +} + +.dayContainer, +.flatpickr-weeks { + padding: 1px 0 0 0; +} + +.flatpickr-days { + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + width: 307.875px; +} + +.flatpickr-days:focus { + outline: 0; +} + +.dayContainer { + padding: 0; + outline: 0; + text-align: left; + width: 307.875px; + min-width: 307.875px; + max-width: 307.875px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + display: -ms-flexbox; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -ms-flex-pack: justify; + -webkit-justify-content: space-around; + justify-content: space-around; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + opacity: 1; +} + +.dayContainer + .dayContainer { + -webkit-box-shadow: -1px 0 0 #e6e6e6; + box-shadow: -1px 0 0 #e6e6e6; +} + +.flatpickr-day { + background: none; + border: 1px solid transparent; + border-radius: 150px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #393939; + cursor: pointer; + font-weight: 400; + width: 14.2857143%; + -webkit-flex-basis: 14.2857143%; + -ms-flex-preferred-size: 14.2857143%; + flex-basis: 14.2857143%; + max-width: 39px; + height: 39px; + line-height: 39px; + margin: 0; + display: inline-block; + position: relative; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.flatpickr-day.inRange, +.flatpickr-day.prevMonthDay.inRange, +.flatpickr-day.nextMonthDay.inRange, +.flatpickr-day.today.inRange, +.flatpickr-day.prevMonthDay.today.inRange, +.flatpickr-day.nextMonthDay.today.inRange, +.flatpickr-day:hover, +.flatpickr-day.prevMonthDay:hover, +.flatpickr-day.nextMonthDay:hover, +.flatpickr-day:focus, +.flatpickr-day.prevMonthDay:focus, +.flatpickr-day.nextMonthDay:focus { + cursor: pointer; + outline: 0; + background: #e6e6e6; + border-color: #e6e6e6; +} + +.flatpickr-day.today { + border-color: #959ea9; +} + +.flatpickr-day.today:hover, +.flatpickr-day.today:focus { + border-color: #959ea9; + background: #959ea9; + color: #fff; +} + +.flatpickr-day.selected, +.flatpickr-day.startRange, +.flatpickr-day.endRange, +.flatpickr-day.selected.inRange, +.flatpickr-day.startRange.inRange, +.flatpickr-day.endRange.inRange, +.flatpickr-day.selected:focus, +.flatpickr-day.startRange:focus, +.flatpickr-day.endRange:focus, +.flatpickr-day.selected:hover, +.flatpickr-day.startRange:hover, +.flatpickr-day.endRange:hover, +.flatpickr-day.selected.prevMonthDay, +.flatpickr-day.startRange.prevMonthDay, +.flatpickr-day.endRange.prevMonthDay, +.flatpickr-day.selected.nextMonthDay, +.flatpickr-day.startRange.nextMonthDay, +.flatpickr-day.endRange.nextMonthDay { + background: #569ff7; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + border-color: #569ff7; +} + +.flatpickr-day.selected.startRange, +.flatpickr-day.startRange.startRange, +.flatpickr-day.endRange.startRange { + border-radius: 50px 0 0 50px; +} + +.flatpickr-day.selected.endRange, +.flatpickr-day.startRange.endRange, +.flatpickr-day.endRange.endRange { + border-radius: 0 50px 50px 0; +} + +.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), +.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), +.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { + -webkit-box-shadow: -10px 0 0 #569ff7; + box-shadow: -10px 0 0 #569ff7; +} + +.flatpickr-day.selected.startRange.endRange, +.flatpickr-day.startRange.startRange.endRange, +.flatpickr-day.endRange.startRange.endRange { + border-radius: 50px; +} + +.flatpickr-day.inRange { + border-radius: 0; + -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; +} + +.flatpickr-day.flatpickr-disabled, +.flatpickr-day.flatpickr-disabled:hover, +.flatpickr-day.prevMonthDay, +.flatpickr-day.nextMonthDay, +.flatpickr-day.notAllowed, +.flatpickr-day.notAllowed.prevMonthDay, +.flatpickr-day.notAllowed.nextMonthDay { + color: rgba(57, 57, 57, 0.3); + background: transparent; + border-color: transparent; + cursor: default; +} + +.flatpickr-day.flatpickr-disabled, +.flatpickr-day.flatpickr-disabled:hover { + cursor: not-allowed; + color: rgba(57, 57, 57, 0.1); +} + +.flatpickr-day.week.selected { + border-radius: 0; + -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; + box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; +} + +.flatpickr-day.hidden { + visibility: hidden; +} + +.rangeMode .flatpickr-day { + margin-top: 1px; +} + +.flatpickr-weekwrapper { + float: left; +} + +.flatpickr-weekwrapper .flatpickr-weeks { + padding: 0 12px; + -webkit-box-shadow: 1px 0 0 #e6e6e6; + box-shadow: 1px 0 0 #e6e6e6; +} + +.flatpickr-weekwrapper .flatpickr-weekday { + float: none; + width: 100%; + line-height: 28px; +} + +.flatpickr-weekwrapper span.flatpickr-day, +.flatpickr-weekwrapper span.flatpickr-day:hover { + display: block; + width: 100%; + max-width: none; + color: rgba(57, 57, 57, 0.3); + background: transparent; + cursor: default; + border: none; +} + +.flatpickr-innerContainer { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; +} + +.flatpickr-rContainer { + display: inline-block; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.flatpickr-time { + text-align: center; + outline: 0; + display: block; + height: 0; + line-height: 40px; + max-height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.flatpickr-time:after { + content: ""; + display: table; + clear: both; +} + +.flatpickr-time .numInputWrapper { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 40%; + height: 40px; + float: left; +} + +.flatpickr-time .numInputWrapper span.arrowUp:after { + border-bottom-color: #393939; +} + +.flatpickr-time .numInputWrapper span.arrowDown:after { + border-top-color: #393939; +} + +.flatpickr-time.hasSeconds .numInputWrapper { + width: 26%; +} + +.flatpickr-time.time24hr .numInputWrapper { + width: 49%; +} + +.flatpickr-time input { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + border: 0; + border-radius: 0; + text-align: center; + margin: 0; + padding: 0; + height: inherit; + line-height: inherit; + color: #393939; + font-size: 14px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + +.flatpickr-time input.flatpickr-hour { + font-weight: bold; +} + +.flatpickr-time input.flatpickr-minute, +.flatpickr-time input.flatpickr-second { + font-weight: 400; +} + +.flatpickr-time input:focus { + outline: 0; + border: 0; +} + +.flatpickr-time .flatpickr-time-separator, +.flatpickr-time .flatpickr-am-pm { + height: inherit; + float: left; + line-height: inherit; + color: #393939; + font-weight: bold; + width: 2%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + +.flatpickr-time .flatpickr-am-pm { + outline: 0; + width: 18%; + cursor: pointer; + text-align: center; + font-weight: 400; +} + +.flatpickr-time input:hover, +.flatpickr-time .flatpickr-am-pm:hover, +.flatpickr-time input:focus, +.flatpickr-time .flatpickr-am-pm:focus { + background: #eee; +} + +.flatpickr-input[readonly] { + cursor: pointer; +} + +@-webkit-keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.flatpickr-monthSelect-months { + margin: 10px 1px 3px 1px; + flex-wrap: wrap; +} + +.flatpickr-monthSelect-month { + background: none; + border: 0; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #393939; + cursor: pointer; + display: inline-block; + font-weight: 400; + margin: 0.5px; + justify-content: center; + padding: 10px; + position: relative; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + text-align: center; + width: 33%; +} + +.flatpickr-monthSelect-month.disabled { + color: #eee; +} + +.flatpickr-monthSelect-month.disabled:hover, +.flatpickr-monthSelect-month.disabled:focus { + cursor: not-allowed; + background: none !important; +} + +.flatpickr-monthSelect-theme-dark { + background: #3f4458; +} + +.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year { + color: #fff; +} + +.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month, +.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month { + color: #fff; + fill: #fff; +} + +.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month { + color: rgba(255, 255, 255, 0.95); +} + +.flatpickr-monthSelect-month:hover, +.flatpickr-monthSelect-month:focus { + background: #e6e6e6; + cursor: pointer; + outline: 0; +} + +.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover, +.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus { + background: #646c8c; + border-color: #646c8c; +} + +.flatpickr-monthSelect-month.selected { + background-color: #569ff7; + color: #fff; +} + +.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected { + background: #80cbc4; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + border-color: #80cbc4; +} + +/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */ +.pickr { + position: relative; + overflow: visible; + transform: translateY(0); +} + +.pickr * { + box-sizing: border-box; + outline: none; + border: none; + -webkit-appearance: none; +} + +.pickr .pcr-button { + position: relative; + height: 2em; + width: 2em; + padding: 0.5em; + cursor: pointer; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; + border-radius: 0.15em; + background: url('data:image/svg+xml;utf8, ') no-repeat center; + background-size: 0; + transition: all 0.3s; +} + +.pickr .pcr-button::before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url('data:image/svg+xml;utf8, '); + background-size: 0.5em; + border-radius: 0.15em; + z-index: -1; +} + +.pickr .pcr-button::before { + z-index: initial; +} + +.pickr .pcr-button::after { + position: absolute; + content: ""; + top: 0; + left: 0; + height: 100%; + width: 100%; + transition: background 0.3s; + background: var(--pcr-color); + border-radius: 0.15em; +} + +.pickr .pcr-button.clear { + background-size: 70%; +} + +.pickr .pcr-button.clear::before { + opacity: 0; +} + +.pickr .pcr-button.clear:focus { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color); +} + +.pickr .pcr-button.disabled { + cursor: not-allowed; +} + +.pickr *, .pcr-app * { + box-sizing: border-box; + outline: none; + border: none; + -webkit-appearance: none; +} + +.pickr input:focus, .pickr input.pcr-active, .pickr button:focus, .pickr button.pcr-active, .pcr-app input:focus, .pcr-app input.pcr-active, .pcr-app button:focus, .pcr-app button.pcr-active { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color); +} + +.pickr .pcr-palette, .pickr .pcr-slider, .pcr-app .pcr-palette, .pcr-app .pcr-slider { + transition: box-shadow 0.3s; +} + +.pickr .pcr-palette:focus, .pickr .pcr-slider:focus, .pcr-app .pcr-palette:focus, .pcr-app .pcr-slider:focus { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25); +} + +.pcr-app { + position: fixed; + display: flex; + flex-direction: column; + z-index: 10000; + border-radius: 0.1em; + background: #fff; + opacity: 0; + visibility: hidden; + transition: opacity 0.3s, visibility 0s 0.3s; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; + box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03); + left: 0; + top: 0; +} + +.pcr-app.visible { + transition: opacity 0.3s; + visibility: visible; + opacity: 1; +} + +.pcr-app .pcr-swatches { + display: flex; + flex-wrap: wrap; + margin-top: 0.75em; +} + +.pcr-app .pcr-swatches.pcr-last { + margin: 0; +} + +@supports (display: grid) { + .pcr-app .pcr-swatches { + display: grid; + align-items: center; + grid-template-columns: repeat(auto-fit, 1.75em); + } +} +.pcr-app .pcr-swatches > button { + font-size: 1em; + position: relative; + width: calc(1.75em - 5px); + height: calc(1.75em - 5px); + border-radius: 0.15em; + cursor: pointer; + margin: 2.5px; + flex-shrink: 0; + justify-self: center; + transition: all 0.15s; + overflow: hidden; + background: transparent; + z-index: 1; +} + +.pcr-app .pcr-swatches > button::before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url('data:image/svg+xml;utf8, '); + background-size: 6px; + border-radius: 0.15em; + z-index: -1; +} + +.pcr-app .pcr-swatches > button::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--pcr-color); + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 0.15em; + box-sizing: border-box; +} + +.pcr-app .pcr-swatches > button:hover { + filter: brightness(1.05); +} + +.pcr-app .pcr-swatches > button:not(.pcr-active) { + box-shadow: none; +} + +.pcr-app .pcr-interaction { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0 -0.2em 0 -0.2em; +} + +.pcr-app .pcr-interaction > * { + margin: 0 0.2em; +} + +.pcr-app .pcr-interaction input { + letter-spacing: 0.07em; + font-size: 0.75em; + text-align: center; + cursor: pointer; + color: #75797e; + background: #f1f3f4; + border-radius: 0.15em; + transition: all 0.15s; + padding: 0.45em 0.5em; + margin-top: 0.75em; +} + +.pcr-app .pcr-interaction input:hover { + filter: brightness(0.975); +} + +.pcr-app .pcr-interaction input:focus { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75); +} + +.pcr-app .pcr-interaction .pcr-result { + color: #75797e; + text-align: left; + flex: 1 1 8em; + min-width: 8em; + transition: all 0.2s; + border-radius: 0.15em; + background: #f1f3f4; + cursor: text; +} + +.pcr-app .pcr-interaction .pcr-result::-moz-selection { + background: #4285f4; + color: #fff; +} + +.pcr-app .pcr-interaction .pcr-result::selection { + background: #4285f4; + color: #fff; +} + +.pcr-app .pcr-interaction .pcr-type.active { + color: #fff; + background: #4285f4; +} + +.pcr-app .pcr-interaction .pcr-save, .pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear { + color: #fff; + width: auto; +} + +.pcr-app .pcr-interaction .pcr-save, .pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear { + color: #fff; +} + +.pcr-app .pcr-interaction .pcr-save:hover, .pcr-app .pcr-interaction .pcr-cancel:hover, .pcr-app .pcr-interaction .pcr-clear:hover { + filter: brightness(0.925); +} + +.pcr-app .pcr-interaction .pcr-save { + background: #4285f4; +} + +.pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-cancel { + background: #f44250; +} + +.pcr-app .pcr-interaction .pcr-clear:focus, .pcr-app .pcr-interaction .pcr-cancel:focus { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75); +} + +.pcr-app .pcr-selection .pcr-picker { + position: absolute; + height: 18px; + width: 18px; + border: 2px solid #fff; + border-radius: 100%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.pcr-app .pcr-selection .pcr-color-palette, .pcr-app .pcr-selection .pcr-color-chooser, .pcr-app .pcr-selection .pcr-color-opacity { + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: flex; + flex-direction: column; + cursor: grab; + cursor: -webkit-grab; +} + +.pcr-app .pcr-selection .pcr-color-palette:active, .pcr-app .pcr-selection .pcr-color-chooser:active, .pcr-app .pcr-selection .pcr-color-opacity:active { + cursor: grabbing; + cursor: -webkit-grabbing; +} + +.pcr-app[data-theme=monolith] { + width: 14.25em; + max-width: 95vw; + padding: 0.8em; +} + +.pcr-app[data-theme=monolith] .pcr-selection { + display: flex; + flex-direction: column; + justify-content: space-between; + flex-grow: 1; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview { + position: relative; + z-index: 1; + width: 100%; + height: 1em; + display: flex; + flex-direction: row; + justify-content: space-between; + margin-bottom: 0.5em; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview::before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url('data:image/svg+xml;utf8, '); + background-size: 0.5em; + border-radius: 0.15em; + z-index: -1; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color { + cursor: pointer; + transition: background-color 0.3s, box-shadow 0.3s; + border-radius: 0.15em 0 0 0.15em; + z-index: 2; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color { + border-radius: 0 0.15em 0.15em 0; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color, .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color { + background: var(--pcr-color); + width: 50%; + height: 100%; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette { + width: 100%; + height: 8em; + z-index: 1; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette { + border-radius: 0.15em; + width: 100%; + height: 100%; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette::before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url('data:image/svg+xml;utf8, '); + background-size: 0.5em; + border-radius: 0.15em; + z-index: -1; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity { + height: 0.5em; + margin-top: 0.75em; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker, .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker { + top: 50%; + transform: translateY(-50%); +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider, .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider { + flex-grow: 1; + border-radius: 50em; +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider { + background: linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red); +} + +.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider { + background: linear-gradient(to right, transparent, black), url('data:image/svg+xml;utf8, '); + background-size: 100%, 0.25em; +} diff --git a/_content/Blazorise/blazorise.min.css b/_content/Blazorise/blazorise.min.css new file mode 100755 index 0000000..bd0effd --- /dev/null +++ b/_content/Blazorise/blazorise.min.css @@ -0,0 +1,3 @@ +body:before{content:"mobile";display:none;visibility:hidden;}@media(min-width:768px){body:before{content:"tablet";}}@media(min-width:992px){body:before{content:"desktop";}}@media(min-width:1200px){body:before{content:"widescreen";}}@media(min-width:1400px){body:before{content:"fullhd";}}hr.divider.divider-solid{border-top:var(--b-divider-thickness,1px) solid var(--b-divider-color,#999);}hr.divider.divider-dashed{border-top:var(--b-divider-thickness,1px) dashed var(--b-divider-color,#999);}hr.divider.divider-dotted{border-top:var(--b-divider-thickness,1px) dotted var(--b-divider-color,#999);}hr.divider.divider-text{position:relative;border:0;height:var(--b-divider-thickness,1px);background:var(--b-divider-color,#999);}hr.divider.divider-text::before{content:attr(data-content);display:inline-block;background:#fff;font-weight:bold;font-size:var(--b-divider-font-size,.85rem);color:var(--b-divider-color,#999);border-radius:30rem;padding:.2rem 2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.b-drop-zone{position:relative;transition:all 300ms cubic-bezier(.4,0,.2,1) 0ms;}.b-drop-zone.b-drop-zone-drag-block>*{pointer-events:none;}.b-drop-zone.b-drop-zone-drop-allowed{outline:1px solid var(--b-theme-success,"#00FF00")!important;}.b-drop-zone.b-drop-zone-drop-not-allowed{outline:1px solid var(--b-theme-danger,"#FF0000")!important;}.b-drop-zone-draggable:not(.draggable-preview-start){cursor:grab;user-select:none;}.b-drop-zone-draggable:not(.draggable-preview-start):active{cursor:grabbing;}.b-drop-zone .draggable-placeholder{outline:2px dashed var(--b-theme-primary,"#0000FF")!important;padding:1rem;}.b-drop-zone .draggable-preview-start{height:20px;width:100%;position:absolute;top:0;left:0;z-index:1;}.b-file-picker{display:inline-block;width:100%;}.b-file-picker .b-text-drop{border:1px solid rgba(0,0,0,.15);margin-top:.5rem;display:block;text-align:center;font-size:.75rem;padding-top:.25rem;padding-bottom:.25rem;}.b-file-picker .b-file-picker-file{min-width:25rem;}.b-file-picker .b-file-picker-file span{display:block;}.b-file-picker .b-file-picker-file .b-file-picker-file-size,.b-file-picker .b-file-picker-file .b-file-picker-file-status,.b-file-picker .b-file-picker-file .b-file-picker-file-relativepath{font-size:.75rem;}.b-input-color-picker{padding:.6rem;}.b-input-color-picker>.b-input-color-picker-preview{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;}.b-input-color-picker>.b-input-color-picker-preview::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1;}.b-input-color-picker>.b-input-color-picker-preview>.b-input-color-picker-curent-color{display:inline-block;width:100%;height:100%;}.b-input-color-picker[aria-disabled=true]{opacity:.65;}.progress.progress-xs{height:.25rem;}.progress.progress-sm{height:.5rem;}.progress.progress-md{height:1rem;}.progress.progress-lg{height:1.5rem;}.progress.progress-xl{height:2rem;}.b-page-progress{width:100%;height:4px;z-index:9999;top:0;left:0;position:fixed;display:none;}.b-page-progress .b-page-progress-indicator{width:0;height:100%;transition:height .3s;background-color:#000;transition:width 1s;}.b-page-progress .b-page-progress-indicator.b-page-progress-indicator-indeterminate{width:30%;animation:running-page-progress 2s cubic-bezier(.4,0,.2,1) infinite;}.b-page-progress.b-page-progress-active{display:block;}@keyframes running-page-progress{0%{margin-left:0;margin-right:100%;}50%{margin-left:25%;margin-right:0%;}100%{margin-left:100%;margin-right:0;}}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom;}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top;}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right;}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left;}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0;}.tippy-box[data-theme~=blazorise]{background-color:RGBA(var(--b-tooltip-background-color-r,128),var(--b-tooltip-background-color-g,128),var(--b-tooltip-background-color-b,128),var(--b-tooltip-background-opacity,.9));color:var(--b-tooltip-color,#fff);}.tippy-box[data-theme~=blazorise][data-placement^=top]>.tippy-arrow::before{border-top-color:RGBA(var(--b-tooltip-background-color-r,128),var(--b-tooltip-background-color-g,128),var(--b-tooltip-background-color-b,128),var(--b-tooltip-background-opacity,.9));}.tippy-box[data-theme~=blazorise][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:RGBA(var(--b-tooltip-background-color-r,128),var(--b-tooltip-background-color-g,128),var(--b-tooltip-background-color-b,128),var(--b-tooltip-background-opacity,.9));}.tippy-box[data-theme~=blazorise][data-placement^=left]>.tippy-arrow::before{border-left-color:RGBA(var(--b-tooltip-background-color-r,128),var(--b-tooltip-background-color-g,128),var(--b-tooltip-background-color-b,128),var(--b-tooltip-background-opacity,.9));}.tippy-box[data-theme~=blazorise][data-placement^=right]>.tippy-arrow::before{border-right-color:RGBA(var(--b-tooltip-background-color-r,128),var(--b-tooltip-background-color-g,128),var(--b-tooltip-background-color-b,128),var(--b-tooltip-background-opacity,.9));}.tippy-box[data-theme~=blazorise]>.tippy-svg-arrow{fill:RGBA(var(--b-tooltip-background-color-r,128),var(--b-tooltip-background-color-g,128),var(--b-tooltip-background-color-b,128),var(--b-tooltip-background-opacity,.9));}.b-tooltip-inline{display:inline-block;}.b-layout{display:flex;flex:auto;flex-direction:column;}.b-layout.b-layout-root{height:100vh;}.b-layout,.b-layout *{box-sizing:border-box;}@keyframes spinner{0%{transform:translate3d(-50%,-50%,0) rotate(0deg);}100%{transform:translate3d(-50%,-50%,0) rotate(360deg);}}.b-layout>.b-layout-loading{z-index:9999;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3);}.b-layout>.b-layout-loading:before{animation:1s linear infinite spinner;border:solid 3px #eee;border-bottom-color:var(--b-theme-primary);border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:40px;content:" ";}.b-layout.b-layout-has-sider{flex-direction:row;min-height:0;}.b-layout.b-layout-has-sider .b-layout{overflow-x:hidden;}.b-layout-header,.b-layout-footer{flex:0 0 auto;}.b-layout-header{color:rgba(0,0,0,.65);}.b-layout.b-layout-root.b-layout-has-sider>.b-layout-header-fixed,.b-layout.b-layout-root.b-layout-has-sider>.b-layout>.b-layout-header-fixed{position:sticky;top:0;width:100%;flex:0;}.b-layout.b-layout-root:not(.b-layout-has-sider) .b-layout-header-fixed,.b-layout.b-layout-root:not(.b-layout-has-sider)>.b-layout .b-layout-header-fixed{position:fixed;top:0;left:0;right:0;flex:0;}.b-layout.b-layout-root:not(.b-layout-has-sider) .b-layout-header-fixed+.b-layout-content,.b-layout.b-layout-root:not(.b-layout-has-sider)>.b-layout .b-layout-header-fixed+.b-layout-content{margin-top:var(--b-bar-horizontal-height,auto);}.b-layout.b-layout-root>.b-layout-header.b-layout-header-fixed+.b-layout.b-layout-has-sider{margin-top:var(--b-bar-horizontal-height,auto);}.b-layout-footer{color:rgba(0,0,0,.65);}.b-layout-footer-fixed{position:sticky;z-index:1;bottom:0;flex:0;}.b-layout-content{flex:1;}.b-layout-sider{display:flex;position:relative;background:#001529;}.b-layout-sider-content{position:sticky;top:0;z-index:2;}.b-layout-header .navbar{line-height:inherit;}.b-bar-horizontal[data-collapse=hide]{flex-wrap:nowrap;}.b-bar-horizontal[data-collapse=hide][data-broken=true]{height:auto;}.b-bar-horizontal[data-broken=false]{height:auto;}.b-layout>.b-layout-header .b-bar-horizontal[data-collapse=hide][data-broken=true]{height:var(--b-bar-horizontal-height,auto);}.b-layout>.b-layout-header .b-bar-horizontal[data-broken=false]{height:var(--b-bar-horizontal-height,auto);}.b-bar-initial{display:none!important;}.b-bar-vertical-inline,.b-bar-vertical-popout,.b-bar-vertical-small{display:flex;flex-direction:column;flex-wrap:nowrap;position:sticky;top:0;padding:0;min-width:var(--b-vertical-bar-width,230px);max-width:var(--b-vertical-bar-width,230px);width:var(--b-vertical-bar-width,230px);box-shadow:2px 0 6px rgba(0,21,41,.35);height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.b-bar-vertical-inline:not(.b-bar-initial),.b-bar-vertical-popout:not(.b-bar-initial),.b-bar-vertical-small:not(.b-bar-initial){transition:width 200ms ease-in-out,min-width 200ms ease-in-out;}.b-bar-vertical-inline .b-bar-menu,.b-bar-vertical-popout .b-bar-menu,.b-bar-vertical-small .b-bar-menu{width:100%;display:flex;flex:1;justify-content:space-between;flex-direction:column;align-self:stretch;}.b-bar-vertical-inline .b-bar-brand,.b-bar-vertical-popout .b-bar-brand,.b-bar-vertical-small .b-bar-brand{width:100%;display:flex;height:var(--b-vertical-bar-brand-height,64px);min-height:var(--b-vertical-bar-brand-height,64px);}.b-bar-vertical-inline .b-bar-toggler-inline,.b-bar-vertical-popout .b-bar-toggler-inline,.b-bar-vertical-small .b-bar-toggler-inline{height:var(--b-vertical-bar-brand-height,64px);padding:12px;display:inline-flex;cursor:pointer;position:absolute;right:0;}.b-bar-vertical-inline .b-bar-toggler-inline>*,.b-bar-vertical-popout .b-bar-toggler-inline>*,.b-bar-vertical-small .b-bar-toggler-inline>*{margin:auto;}.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle){display:flex;position:fixed;left:var(--b-vertical-bar-width,230px);border-radius:0 10px 10px 0;border:0;width:10px;height:40px;padding:5px;align-items:center;box-shadow:2px 0 6px rgba(0,21,41,.35);cursor:pointer;}.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle):not(.b-bar-initial),.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle):not(.b-bar-initial),.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle):not(.b-bar-initial){transition:width 200ms ease-in-out,left 200ms ease-in-out;}.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle)>*,.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle)>*,.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle)>*{margin:auto;display:none;}.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover,.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover,.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover{width:45px;}.b-bar-vertical-inline .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover>*,.b-bar-vertical-popout .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover>*,.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle):hover>*{display:block;}.b-bar-vertical-inline .b-bar-item,.b-bar-vertical-popout .b-bar-item,.b-bar-vertical-small .b-bar-item{margin:auto;flex-grow:1;min-height:40px;}.b-bar-vertical-inline .b-bar-item .b-bar-icon,.b-bar-vertical-popout .b-bar-item .b-bar-icon,.b-bar-vertical-small .b-bar-item .b-bar-icon{font-size:1.25rem;vertical-align:middle;margin:3px;display:inline-block;}.b-bar-vertical-inline .b-bar-start,.b-bar-vertical-popout .b-bar-start,.b-bar-vertical-small .b-bar-start{width:100%;display:block;}.b-bar-vertical-inline .b-bar-end,.b-bar-vertical-popout .b-bar-end,.b-bar-vertical-small .b-bar-end{padding-bottom:1rem;width:100%;padding-top:1rem;display:block;}.b-bar-vertical-inline .b-bar-end .b-bar-dropdown,.b-bar-vertical-popout .b-bar-end .b-bar-dropdown,.b-bar-vertical-small .b-bar-end .b-bar-dropdown{position:relative;}.b-bar-vertical-inline .b-bar-end .b-bar-dropdown-menu-container,.b-bar-vertical-popout .b-bar-end .b-bar-dropdown-menu-container,.b-bar-vertical-small .b-bar-end .b-bar-dropdown-menu-container{bottom:0;}.b-bar-vertical-inline .b-bar-link,.b-bar-vertical-popout .b-bar-link,.b-bar-vertical-small .b-bar-link{display:block;width:100%;text-decoration:none;padding:.5rem .5rem .5rem 1.5rem;cursor:pointer;overflow-x:hidden;line-height:1.5rem;vertical-align:middle;transition:font-size 150ms ease-in;}.b-bar-vertical-inline .b-bar-label,.b-bar-vertical-popout .b-bar-label,.b-bar-vertical-small .b-bar-label{background:transparent;color:#adb5bd;padding:.375rem 1.25rem;font-size:.75rem;text-overflow:ellipsis;overflow-x:hidden;}.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-toggle:before,.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-toggle:before,.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-toggle:before{content:" ";border:solid;border-width:0 2px 2px 0;display:inline-block;padding:2px;right:1rem;transition:transform 200ms ease-out;float:right;position:relative;-webkit-transform:rotate(225deg);transform:rotate(225deg);top:.7rem;}.b-bar-vertical-inline .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before,.b-bar-vertical-popout .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before,.b-bar-vertical-small .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:.5rem;}.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu,.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu,.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu{display:none;background:inherit;color:inherit;float:none;padding:5px 0;}.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu[data-visible=true],.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu[data-visible=true],.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu[data-visible=true]{display:block;}.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item,.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item,.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item{position:relative;color:inherit;transition:background 100ms ease-in-out,color 100ms ease-in-out;text-decoration:none;display:block;width:100%;overflow-x:hidden;}.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item i,.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item i,.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item i{margin-right:.3rem;}.b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu:before,.b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu:before,.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu:before{background:inherit;box-shadow:none;}.b-bar-vertical-inline .b-bar-mobile-toggle,.b-bar-vertical-popout .b-bar-mobile-toggle,.b-bar-vertical-small .b-bar-mobile-toggle{right:20px;margin:auto;display:none;}.b-bar-vertical-inline .b-bar-item-multi-line,.b-bar-vertical-popout .b-bar-item-multi-line,.b-bar-vertical-small .b-bar-item-multi-line{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:var(--b-bar-item-lines,2);white-space:normal!important;overflow:hidden;text-overflow:ellipsis;}.b-bar-vertical-inline.b-bar-dark,.b-bar-vertical-popout.b-bar-dark,.b-bar-vertical-small.b-bar-dark{background:var(--b-bar-dark-background,#001529);color:var(--b-bar-dark-color,rgba(255,255,255,.5));}.b-bar-vertical-inline.b-bar-dark .b-bar-brand,.b-bar-vertical-popout.b-bar-dark .b-bar-brand,.b-bar-vertical-small.b-bar-dark .b-bar-brand{background:var(--b-bar-brand-dark-background,rgba(255,255,255,.025));}.b-bar-vertical-inline.b-bar-dark .b-bar-brand .b-bar-link,.b-bar-vertical-popout.b-bar-dark .b-bar-brand .b-bar-link,.b-bar-vertical-small.b-bar-dark .b-bar-brand .b-bar-link{color:#fff;}.b-bar-vertical-inline.b-bar-dark .b-bar-brand .b-bar-link.active,.b-bar-vertical-popout.b-bar-dark .b-bar-brand .b-bar-link.active,.b-bar-vertical-small.b-bar-dark .b-bar-brand .b-bar-link.active{color:#fff;background:inherit;}.b-bar-vertical-inline.b-bar-dark .b-bar-brand .b-bar-link:hover,.b-bar-vertical-popout.b-bar-dark .b-bar-brand .b-bar-link:hover,.b-bar-vertical-small.b-bar-dark .b-bar-brand .b-bar-link:hover{color:#fff;background:inherit;}.b-bar-vertical-inline.b-bar-dark .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-popout.b-bar-dark .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-small.b-bar-dark .b-bar-toggler-popout:not(.b-bar-mobile-toggle){background:var(--b-bar-dark-background,#001529);color:var(--b-bar-dark-color,rgba(255,255,255,.5));}.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu,.b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu,.b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu{background:var(--b-bar-dropdown-dark-background,#000c17);}.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active,.b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active,.b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active{color:var(--b-bar-item-dark-active-color,#fff);background:var(--b-bar-item-dark-active-background,#0288d1);}.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item:hover,.b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item:hover,.b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item:hover{color:var(--b-bar-item-dark-hover-color,#fff);background:var(--b-bar-item-dark-hover-background,rgba(255,255,255,.3));}.b-bar-vertical-inline.b-bar-dark .b-bar-link,.b-bar-vertical-popout.b-bar-dark .b-bar-link,.b-bar-vertical-small.b-bar-dark .b-bar-link{color:inherit;}.b-bar-vertical-inline.b-bar-dark .b-bar-link.active,.b-bar-vertical-popout.b-bar-dark .b-bar-link.active,.b-bar-vertical-small.b-bar-dark .b-bar-link.active{color:var(--b-bar-item-dark-active-color,#fff);background:var(--b-bar-item-dark-active-background,#0288d1);}.b-bar-vertical-inline.b-bar-dark .b-bar-link:hover,.b-bar-vertical-popout.b-bar-dark .b-bar-link:hover,.b-bar-vertical-small.b-bar-dark .b-bar-link:hover{color:var(--b-bar-item-dark-hover-color,#fff);background:var(--b-bar-item-dark-hover-background,rgba(255,255,255,.3));}.b-bar-vertical-inline.b-bar-light,.b-bar-vertical-popout.b-bar-light,.b-bar-vertical-small.b-bar-light{background:var(--b-bar-light-background,#fff);color:var(--b-bar-light-color,rgba(0,0,0,.7));}.b-bar-vertical-inline.b-bar-light .b-bar-brand,.b-bar-vertical-popout.b-bar-light .b-bar-brand,.b-bar-vertical-small.b-bar-light .b-bar-brand{background:var(--b-bar-brand-light-background,rgba(0,0,0,.025));}.b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link,.b-bar-vertical-popout.b-bar-light .b-bar-brand .b-bar-link,.b-bar-vertical-small.b-bar-light .b-bar-brand .b-bar-link{color:#000;}.b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link.active,.b-bar-vertical-popout.b-bar-light .b-bar-brand .b-bar-link.active,.b-bar-vertical-small.b-bar-light .b-bar-brand .b-bar-link.active{background:inherit;}.b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link:hover,.b-bar-vertical-popout.b-bar-light .b-bar-brand .b-bar-link:hover,.b-bar-vertical-small.b-bar-light .b-bar-brand .b-bar-link:hover{background:inherit;}.b-bar-vertical-inline.b-bar-light .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-popout.b-bar-light .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-small.b-bar-light .b-bar-toggler-popout:not(.b-bar-mobile-toggle){background:var(--b-bar-brand-light-background,#fff);color:var(--b-bar-light-color,rgba(0,0,0,.7));}.b-bar-vertical-inline.b-bar-light .b-bar-dropdown-menu,.b-bar-vertical-popout.b-bar-light .b-bar-dropdown-menu,.b-bar-vertical-small.b-bar-light .b-bar-dropdown-menu{background:var(--b-bar-dropdown-light-background,#f2f2f2);}.b-bar-vertical-inline.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item.active,.b-bar-vertical-popout.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item.active,.b-bar-vertical-small.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item.active{color:var(--b-bar-item-light-active-color,#000);background:var(--b-bar-item-light-active-background,#0288d1);}.b-bar-vertical-inline.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item:hover,.b-bar-vertical-popout.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item:hover,.b-bar-vertical-small.b-bar-light .b-bar-dropdown-menu .b-bar-dropdown-item:hover{color:var(--b-bar-item-light-hover-color,#000);background:var(--b-bar-item-light-hover-background,rgba(0,0,0,.3));}.b-bar-vertical-inline.b-bar-light .b-bar-link,.b-bar-vertical-popout.b-bar-light .b-bar-link,.b-bar-vertical-small.b-bar-light .b-bar-link{color:inherit;}.b-bar-vertical-inline.b-bar-light .b-bar-link.active,.b-bar-vertical-popout.b-bar-light .b-bar-link.active,.b-bar-vertical-small.b-bar-light .b-bar-link.active{color:var(--b-bar-item-light-active-color,#000);background:var(--b-bar-item-light-active-background,#0288d1);}.b-bar-vertical-inline.b-bar-light .b-bar-link:hover,.b-bar-vertical-popout.b-bar-light .b-bar-link:hover,.b-bar-vertical-small.b-bar-light .b-bar-link:hover{color:var(--b-bar-item-light-hover-color,#000);background:var(--b-bar-item-light-hover-background,rgba(0,0,0,.3));}.b-bar-vertical-small,.b-bar-vertical-inline[data-collapse=small],.b-bar-vertical-popout[data-collapse=small]{width:var(--b-vertical-bar-small-width,64px);min-width:var(--b-vertical-bar-small-width,64px);}.b-bar-vertical-small:not(.b-bar-initial),.b-bar-vertical-inline[data-collapse=small]:not(.b-bar-initial),.b-bar-vertical-popout[data-collapse=small]:not(.b-bar-initial){transition:width 200ms ease-in-out,min-width 200ms ease-in-out;}.b-bar-vertical-small .b-bar-toggler-inline,.b-bar-vertical-inline[data-collapse=small] .b-bar-toggler-inline,.b-bar-vertical-popout[data-collapse=small] .b-bar-toggler-inline{position:relative;width:100%;}.b-bar-vertical-small .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-inline[data-collapse=small] .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-popout[data-collapse=small] .b-bar-toggler-popout:not(.b-bar-mobile-toggle){left:var(--b-vertical-bar-small-width,64px);}.b-bar-vertical-small .b-bar-item>.b-bar-dropdown>.b-bar-dropdown-toggle:before,.b-bar-vertical-inline[data-collapse=small] .b-bar-item>.b-bar-dropdown>.b-bar-dropdown-toggle:before,.b-bar-vertical-popout[data-collapse=small] .b-bar-item>.b-bar-dropdown>.b-bar-dropdown-toggle:before{display:none;}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container{z-index:100;max-height:50vh;position:absolute!important;margin:-42px 5px 0 5px;display:flex;width:var(--b-vertical-bar-popout-menu-width,180px);left:var(--b-vertical-bar-small-width,64px);}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right{right:var(--b-vertical-bar-small-width,64px);left:unset;}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);border-radius:3px;overflow-y:auto;overflow-x:hidden;flex:1 100%;}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item{padding:.5rem .5rem .5rem 1.5rem;}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before{position:absolute;top:0;left:-7px;right:0;bottom:0;width:100%;height:100%;opacity:.0001;content:" ";z-index:-1;}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before{left:unset;right:-7px;}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container{left:var(--b-vertical-bar-popout-menu-width,180px);}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right{right:var(--b-vertical-bar-popout-menu-width,180px);}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-toggle:before,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-toggle:before,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-toggle:before{content:" ";border:solid;border-width:0 2px 2px 0;display:inline-block;padding:2px;right:1rem;transition:transform 200ms ease-out;float:right;position:relative;-webkit-transform:rotate(135deg);transform:rotate(135deg);right:.8rem;}.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before,.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before,.b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before{-webkit-transform:rotate(315deg);transform:rotate(315deg);}@keyframes b-bar-link-small{to{text-align:center;padding-left:0;padding-right:0;}}.b-bar-vertical-small .b-bar-item>.b-bar-link,.b-bar-vertical-small .b-bar-item>.b-bar-dropdown>.b-bar-link,.b-bar-vertical-inline[data-collapse=small] .b-bar-item>.b-bar-link,.b-bar-vertical-inline[data-collapse=small] .b-bar-item>.b-bar-dropdown>.b-bar-link,.b-bar-vertical-popout[data-collapse=small] .b-bar-item>.b-bar-link,.b-bar-vertical-popout[data-collapse=small] .b-bar-item>.b-bar-dropdown>.b-bar-link{animation:b-bar-link-small forwards;animation-delay:170ms;font-size:0;transition:font-size 100ms ease-out;}.b-bar-vertical-small .b-bar-item>.b-bar-link:after,.b-bar-vertical-small .b-bar-item>.b-bar-dropdown>.b-bar-link:after,.b-bar-vertical-inline[data-collapse=small] .b-bar-item>.b-bar-link:after,.b-bar-vertical-inline[data-collapse=small] .b-bar-item>.b-bar-dropdown>.b-bar-link:after,.b-bar-vertical-popout[data-collapse=small] .b-bar-item>.b-bar-link:after,.b-bar-vertical-popout[data-collapse=small] .b-bar-item>.b-bar-dropdown>.b-bar-link:after{display:none;}.b-bar-vertical-small .b-bar-label,.b-bar-vertical-inline[data-collapse=small] .b-bar-label,.b-bar-vertical-popout[data-collapse=small] .b-bar-label{text-align:center;}.b-bar-vertical-inline:not([data-collapse]){overflow-y:auto;overflow-x:hidden;}.b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container{position:relative;}.b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu{position:relative!important;border:0;border-radius:0;box-shadow:none;}.b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item{padding:.5rem .5rem .5rem 3rem;}.b-bar-vertical-inline:not([data-collapse]) .b-bar-brand .b-bar-link{display:flex;align-items:center;}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-toggle:before{content:" ";border:solid;border-width:0 2px 2px 0;display:inline-block;padding:2px;right:1rem;transition:transform 200ms ease-out;float:right;position:relative;-webkit-transform:rotate(135deg);transform:rotate(135deg);right:.8rem;}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown:not([data-visible=true]) .b-bar-dropdown-toggle:before{-webkit-transform:rotate(315deg);transform:rotate(315deg);}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container{z-index:100;max-height:50vh;position:absolute!important;margin:-42px 5px 0 5px;display:flex;width:var(--b-vertical-bar-popout-menu-width,180px);left:var(--b-vertical-bar-width,230px);}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right{right:var(--b-vertical-bar-width,230px);left:unset;}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);border-radius:3px;overflow-y:auto;overflow-x:hidden;flex:1 100%;}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item{padding:.5rem .5rem .5rem 1.5rem;}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu:before{position:absolute;top:0;left:-7px;right:0;bottom:0;width:100%;height:100%;opacity:.0001;content:" ";z-index:-1;}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu.b-bar-right:before{left:unset;right:-7px;}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container{left:var(--b-vertical-bar-popout-menu-width,180px);}.b-bar-vertical-popout:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu>.b-bar-dropdown .b-bar-dropdown-menu-container.b-bar-right{right:var(--b-vertical-bar-popout-menu-width,180px);}.b-bar-vertical-inline[data-collapse=hide],.b-bar-vertical-popout[data-collapse=hide],.b-bar-vertical-small[data-collapse=hide]{width:0;min-width:0;overflow-y:hidden;visibility:hidden;}.b-bar-vertical-inline[data-collapse=hide]:not(.b-bar-initial),.b-bar-vertical-popout[data-collapse=hide]:not(.b-bar-initial),.b-bar-vertical-small[data-collapse=hide]:not(.b-bar-initial){transition:width 200ms ease-in-out,min-width 200ms ease-in-out,visibility 100ms;}.b-bar-vertical-inline[data-collapse=hide] .b-bar-toggler-inline,.b-bar-vertical-popout[data-collapse=hide] .b-bar-toggler-inline,.b-bar-vertical-small[data-collapse=hide] .b-bar-toggler-inline{display:none;}.b-bar-vertical-inline[data-collapse=hide] .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-popout[data-collapse=hide] .b-bar-toggler-popout:not(.b-bar-mobile-toggle),.b-bar-vertical-small[data-collapse=hide] .b-bar-toggler-popout:not(.b-bar-mobile-toggle){visibility:visible;left:0;}@media only screen and (max-width:576px){.b-bar-vertical-inline:not([data-collapse]){min-width:100vw;}.b-bar-vertical-inline:not([data-collapse]) .b-bar-toggler-inline:not(.b-bar-mobile-toggle){display:none;}.b-bar-vertical-inline:not([data-collapse]) .b-bar-toggler-popout:not(.b-bar-mobile-toggle){left:100vw;}.b-bar-vertical-inline:not([data-collapse]) .b-bar-mobile-toggle{display:flex;}}.b-table.table{position:relative;}.b-table.table .b-table-resizer{position:absolute;top:0;right:0;width:5px;cursor:col-resize;user-select:none;z-index:1;}.b-table.table .b-table-resizer:hover,.b-table.table .b-table-resizing{cursor:col-resize!important;border-right:2px solid var(--b-theme-primary,#00f);}.b-table.table .b-table-resizing{cursor:col-resize!important;}thead tr th{position:relative;}.b-character-casing-lower{text-transform:lowercase;}.b-character-casing-upper{text-transform:uppercase;}.b-character-casing-title{text-transform:lowercase;}.b-character-casing-title::first-letter {text-transform:uppercase;}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible;}.flatpickr-calendar.open{display:inline-block;z-index:99999;}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);}.flatpickr-calendar.inline{display:block;position:relative;top:2px;}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block;}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important;}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0;}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6;}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto;}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px;}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px;}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%;}.flatpickr-calendar:before{border-width:5px;margin:0 -5px;}.flatpickr-calendar:after{border-width:4px;margin:0 -4px;}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%;}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6;}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff;}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%;}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6;}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff;}.flatpickr-calendar:focus{outline:0;}.flatpickr-wrapper{position:relative;display:contents;}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,.9);fill:rgba(0,0,0,.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,.9);fill:rgba(0,0,0,.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none;}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative;}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0;}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0;}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747;}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit;}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block;}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none;}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,.1);}.numInputWrapper span:active{background:rgba(0,0,0,.2);}.numInputWrapper span:after{display:block;content:"";position:absolute;}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%;}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%;}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,.5);}.numInputWrapper:hover{background:rgba(0,0,0,.05);}.numInputWrapper:hover span{opacity:1;}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05);}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9);}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9);}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0;}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:transparent;pointer-events:none;}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:0;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:0;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:0;}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05);}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0;}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder;}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0;}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0;}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6;}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6;}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff;}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0;}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7;}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px;}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,.3);background:transparent;border-color:transparent;cursor:default;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1);}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;}.flatpickr-day.hidden{visibility:hidden;}.rangeMode .flatpickr-day{margin-top:1px;}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6;}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px;}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:transparent;cursor:default;border:0;}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both;}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939;}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939;}.flatpickr-time.hasSeconds .numInputWrapper{width:26%;}.flatpickr-time.time24hr .numInputWrapper{width:49%;}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold;}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400;}.flatpickr-time input:focus{outline:0;border:0;}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee;}.flatpickr-input[readonly]{cursor:pointer;}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;flex-wrap:wrap;}.flatpickr-monthSelect-month{background:none;border:0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%;}.flatpickr-monthSelect-month.disabled{color:#eee;}.flatpickr-monthSelect-month.disabled:hover,.flatpickr-monthSelect-month.disabled:focus{cursor:not-allowed;background:none!important;}.flatpickr-monthSelect-theme-dark{background:#3f4458;}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff;}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff;}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255,255,255,.95);}.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c;}.flatpickr-monthSelect-month.selected{background-color:#569ff7;color:#fff;}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4;} +/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */ +.pickr{position:relative;overflow:visible;transform:translateY(0);}.pickr *{box-sizing:border-box;outline:0;border:0;-webkit-appearance:none;}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, ') no-repeat center;background-size:0;transition:all .3s;}.pickr .pcr-button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1;}.pickr .pcr-button::before{z-index:initial;}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em;}.pickr .pcr-button.clear{background-size:70%;}.pickr .pcr-button.clear::before{opacity:0;}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);}.pickr .pcr-button.disabled{cursor:not-allowed;}.pickr *,.pcr-app *{box-sizing:border-box;outline:0;border:0;-webkit-appearance:none;}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s;}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25);}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0;}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1;}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em;}.pcr-app .pcr-swatches.pcr-last{margin:0;}@supports(display:grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em);}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1;}.pcr-app .pcr-swatches>button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:6px;border-radius:.15em;z-index:-1;}.pcr-app .pcr-swatches>button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box;}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05);}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none;}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em 0 -.2em;}.pcr-app .pcr-interaction>*{margin:0 .2em;}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em;}.pcr-app .pcr-interaction input:hover{filter:brightness(.975);}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75);}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text;}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff;}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff;}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4;}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto;}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925);}.pcr-app .pcr-interaction .pcr-save{background:#4285f4;}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250;}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75);}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab;}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing;}.pcr-app[data-theme=monolith]{width:14.25em;max-width:95vw;padding:.8em;}.pcr-app[data-theme=monolith] .pcr-selection{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:100%;height:1em;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5em;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color .3s,box-shadow .3s;border-radius:.15em 0 0 .15em;z-index:2;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 .15em .15em 0;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:50%;height:100%;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity{height:.5em;margin-top:.75em;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%);}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em;}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right,transparent,#000),url('data:image/svg+xml;utf8, ');background-size:100%,.25em;} \ No newline at end of file diff --git a/_content/Blazorise/breakpoint.js b/_content/Blazorise/breakpoint.js new file mode 100755 index 0000000..3c891b5 --- /dev/null +++ b/_content/Blazorise/breakpoint.js @@ -0,0 +1,81 @@ +// holds the list of components that are triggers to breakpoint +const breakpointComponents = []; +let lastBreakpoint = null; + +// Recalculate breakpoint on resize +if (window.attachEvent) { + window.attachEvent('onresize', windowResized); +} +else if (window.addEventListener) { + window.addEventListener('resize', windowResized, true); +} +else { + //The browser does not support Javascript event binding +} + +function windowResized() { + if (breakpointComponents && breakpointComponents.length > 0) { + var currentBreakpoint = getBreakpoint(); + + if (lastBreakpoint !== currentBreakpoint) { + lastBreakpoint = currentBreakpoint; + + let index = 0; + + for (index = 0; index < breakpointComponents.length; ++index) { + onBreakpoint(breakpointComponents[index].dotnetAdapter, currentBreakpoint); + } + } + } +} + +// Set initial breakpoint +lastBreakpoint = getBreakpoint(); + +// Get the current breakpoint +export function getBreakpoint() { + return window.getComputedStyle(document.body, ':before').content.replace(/\"/g, ''); +} + +export function addBreakpointComponent(elementId, dotnetAdapter) { + breakpointComponents.push({ elementId: elementId, dotnetAdapter: dotnetAdapter }); +} + +export function findBreakpointComponentIndex(elementId) { + let index = 0; + + for (index = 0; index < breakpointComponents.length; ++index) { + if (breakpointComponents[index].elementId === elementId) + return index; + } + + return -1; +} + +export function isBreakpointComponent(elementId) { + let index = 0; + + for (index = 0; index < breakpointComponents.length; ++index) { + if (breakpointComponents[index].elementId === elementId) + return true; + } + + return false; +} + +function onBreakpoint(dotnetAdapter, currentBreakpoint) { + dotnetAdapter.invokeMethodAsync('OnBreakpoint', currentBreakpoint); +} + +export function registerBreakpointComponent(dotnetAdapter, elementId) { + if (isBreakpointComponent(elementId) !== true) { + addBreakpointComponent(elementId, dotnetAdapter); + } +} + +export function unregisterBreakpointComponent(elementId) { + const index = findBreakpointComponentIndex(elementId); + if (index !== -1) { + breakpointComponents.splice(index, 1); + } +} \ No newline at end of file diff --git a/_content/Blazorise/button.js b/_content/Blazorise/button.js new file mode 100755 index 0000000..2e45986 --- /dev/null +++ b/_content/Blazorise/button.js @@ -0,0 +1,37 @@ +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +const _instances = []; + +export function initialize(element, elementId, options) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + _instances[elementId] = new ButtonInfo(element, elementId, options); + + if (element && element.type === "submit") { + element.addEventListener("click", (e) => { + click(_instances[elementId], e); + }); + } +} + +export function destroy(element, elementId) { + var instances = _instances || {}; + delete instances[elementId]; +} + +export function click(buttonInfo, e) { + if (buttonInfo.options.preventDefaultOnSubmit) { + return e.preventDefault(); + } +} + +class ButtonInfo { + constructor(element, elementId, options) { + this.elementId = elementId; + this.element = element; + this.options = options || {}; + } +} \ No newline at end of file diff --git a/_content/Blazorise/closable.js b/_content/Blazorise/closable.js new file mode 100755 index 0000000..5f1d30b --- /dev/null +++ b/_content/Blazorise/closable.js @@ -0,0 +1,155 @@ +let closableComponents = []; +let closableLightComponents = []; +let lastClickedDocumentElement = null; + +function addClosableComponent(elementId, dotnetAdapter) { + closableComponents.push({ elementId: elementId, dotnetAdapter: dotnetAdapter }); +} + +function addClosableLightComponent(elementId) { + closableLightComponents.push({ elementId: elementId }); +} + +function isClosableComponent(elementId) { + let index = 0; + + for (index = 0; index < closableComponents.length; ++index) { + if (closableComponents[index].elementId === elementId) + return true; + } + + return false; +} + +function isClosableLightComponent(elementId) { + let index = 0; + + for (index = 0; index < closableLightComponents.length; ++index) { + if (closableLightComponents[index].elementId === elementId) + return true; + } + + return false; +} + +function findClosableComponentIndex(elementId) { + let index = 0; + + for (index = 0; index < closableComponents.length; ++index) { + if (closableComponents[index].elementId === elementId) + return index; + } + + return null; +} + +function findClosableLightComponentIndex(elementId) { + let index = 0; + + for (index = 0; index < closableLightComponents.length; ++index) { + if (closableLightComponents[index].elementId === elementId) + return index; + } + + return null; +} + +function tryClose(closable, targetElementId, isEscapeKey, isChildClicked) { + let request = new Promise((resolve, reject) => { + closable.dotnetAdapter.invokeMethodAsync('SafeToClose', targetElementId, isEscapeKey ? 'escape' : 'leave', isChildClicked) + .then((result) => resolve({ elementId: closable.elementId, dotnetAdapter: closable.dotnetAdapter, status: result === true ? 'ok' : 'cancelled' })) + .catch(() => resolve({ elementId: closable.elementId, status: 'error' })); + }); + + if (request) { + request + .then((response) => { + if (response.status === 'ok') { + response.dotnetAdapter.invokeMethodAsync('Close', isEscapeKey ? 'escape' : 'leave') + // If the user navigates to another page then it will raise exception because the reference to the component cannot be found. + // In that case just remove the elementId from the list. + .catch(() => unregisterClosableComponent(response.elementId)); + } + }); + } +} + +function hasParentInTree(element, parentElementId) { + if (!element.parentElement) return false; + if (element.parentElement.id === parentElementId) return true; + return hasParentInTree(element.parentElement, parentElementId); +} + +function hasScroll(element) { + return element.scrollHeight > element.clientHeight; +} + +function scrollClick(event) { + return hasScroll(event.target) && event.target.clientWidth < event.clientX; +} + +export function registerClosableComponent(dotnetAdapter, element) { + if (element) { + if (isClosableComponent(element.id) !== true) { + addClosableComponent(element.id, dotnetAdapter); + } + } +} + +/// Adds a lighter closable component, that is tracked for close events. +export function registerClosableLightComponent(element) { + if (element) { + if (isClosableLightComponent(element.id) !== true) { + addClosableLightComponent(element.id); + } + } +} + +export function unregisterClosableLightComponent(element) { + if (element) { + const index = findClosableLightComponentIndex(element.id); + if (index !== -1) { + closableLightComponents.splice(index, 1); + } + } +} + +export function unregisterClosableComponent(element) { + if (element) { + const index = findClosableComponentIndex(element.id); + if (index !== -1) { + closableComponents.splice(index, 1); + } + } +} + +document.addEventListener('mousedown', function handler(evt) { + lastClickedDocumentElement = evt.target; +}); + +document.addEventListener('mouseup', function handler(evt) { + if (isClosableLightComponent(evt.target.id)) + return; + + if (evt.button === 0 && evt.target === lastClickedDocumentElement && closableComponents && closableComponents.length > 0) { + const lastClosable = closableComponents[closableComponents.length - 1]; + const scrollClicked = scrollClick(evt); + if (lastClosable && !scrollClicked) { + tryClose(lastClosable, evt.target.id, false, hasParentInTree(evt.target, lastClosable.elementId)); + } + } +}); + + + +document.addEventListener('keyup', function handler(evt) { + if (isClosableLightComponent(evt.target.id)) + return; + + if (evt.keyCode === 27 && closableComponents && closableComponents.length > 0) { + const lastClosable = closableComponents[closableComponents.length - 1]; + if (lastClosable) { + tryClose(lastClosable, lastClosable.elementId, true, hasParentInTree(evt.target, lastClosable.elementId)); + } + } +}); \ No newline at end of file diff --git a/_content/Blazorise/colorPicker.js b/_content/Blazorise/colorPicker.js new file mode 100755 index 0000000..f60a93c --- /dev/null +++ b/_content/Blazorise/colorPicker.js @@ -0,0 +1,210 @@ +import "./vendors/Pickr.js?v=1.4.2.0"; +import * as utilities from "./utilities.js?v=1.4.2.0"; + +const _instancesInfos = []; + +export function initialize(dotnetAdapter, element, elementId, options) { + element = utilities.getRequiredElement(element, elementId); + + if (!element) + return; + + const picker = Pickr.create({ + el: element, + theme: 'monolith', // 'monolith' or 'nano' + + useAsButton: element, + + comparison: false, + default: options.default || "#000000", + position: 'bottom-start', + silent: true, + + swatches: options.showPalette ? options.palette : null, + components: { + //palette: false, + + // Main components + preview: true, + opacity: options.showOpacitySlider === true ? true : false, + hue: options.showHueSlider === true ? true : false, + + // Input / output Options + interaction: { + hex: true, + rgba: true, + hsla: false, + hsva: false, + cmyk: false, + input: options.showInputField === true ? true : false, + save: false, + clear: options.showClearButton === true ? true : false, + cancel: options.showCancelButton === true ? true : false + } + }, + + // Translations, these are the default values. + i18n: options.localization || { + // Strings visible in the UI + 'ui:dialog': 'color picker dialog', + 'btn:toggle': 'toggle color picker dialog', + 'btn:swatch': 'color swatch', + 'btn:last-color': 'use previous color', + 'btn:save': 'Save', + 'btn:cancel': 'Cancel', + 'btn:clear': 'Clear', + + // Strings used for aria-labels + 'aria:btn:save': 'save and close', + 'aria:btn:cancel': 'cancel and close', + 'aria:btn:clear': 'clear and close', + 'aria:input': 'color input field', + 'aria:palette': 'color selection area', + 'aria:hue': 'hue selection slider', + 'aria:opacity': 'selection slider' + } + }); + + const hexColor = options.default ? options.default : "#000000"; + + const previewElement = element.querySelector(":scope > .b-input-color-picker-preview > .b-input-color-picker-curent-color"); + + const instanceInfo = { + picker: picker, + dotnetAdapter: dotnetAdapter, + element: element, + elementId: elementId, + previewElement: previewElement, + hexColor: hexColor, + palette: options.palette || [], + showPalette: options.showPalette || true, + hideAfterPaletteSelect: options.hideAfterPaletteSelect || true, + showButtons: options.showButtons || true + }; + + applyHexColor(instanceInfo, hexColor, true); + + let hexColorShow = picker.getColor() ? picker.getColor().toHEXA().toString() : null; + + if (options.disabled) { + picker.disable(); + } + + picker + .on('show', (color, instance) => { + hexColorShow = color ? color.toHEXA().toString() : null; + }) + .on("cancel", (instance) => { + applyHexColor(instanceInfo, hexColorShow); + instanceInfo.picker.setColor(hexColorShow, true); + instanceInfo.picker.hide() + }) + .on("clear", (instance) => { + hexColorShow = null; + applyHexColor(instanceInfo, null); + }) + .on("changestop", (source, instance) => { + const hexColor = instance.getColor() ? instance.getColor().toHEXA().toString() : null; + applyHexColor(instanceInfo, hexColor); + }) + .on("swatchselect", (color, instance) => { + const hexColor = color ? color.toHEXA().toString() : null; + applyHexColor(instanceInfo, hexColor); + + if (instanceInfo.hideAfterPaletteSelect) { + instanceInfo.picker.hide(); + } + }); + + _instancesInfos[elementId] = instanceInfo; +} + +export function destroy(element, elementId) { + const instanceInfo = _instancesInfos || {}; + delete instanceInfo[elementId]; +} + +export function updateValue(element, elementId, hexColor) { + const instanceInfo = _instancesInfos[elementId]; + + if (instanceInfo) { + applyHexColor(instanceInfo, hexColor); + } +} + +export function updateOptions(element, elementId, options) { + const instanceInfo = _instancesInfos[elementId]; + + if (instanceInfo) { + if (options.palette.changed) { + instanceInfo.palette = options.palette.value || []; + instanceInfo.picker.setSwatches(instanceInfo.palette); + } + + if (options.showPalette.changed) { + if (options.showPalette.value) { + instanceInfo.picker.setSwatches(instanceInfo.palette); + } else { + instanceInfo.picker.setSwatches([]); + } + } + + if (options.hideAfterPaletteSelect.changed) { + instanceInfo.hideAfterPaletteSelect = options.hideAfterPaletteSelect.value; + } + + if (options.disabled.changed || options.readOnly.changed) { + if (options.disabled.value || options.readOnly.value) { + instanceInfo.picker.disable(); + } else { + instanceInfo.picker.enable(); + } + } + } +} + +export function updateLocalization(element, elementId, localization) { + const instanceInfo = _instancesInfos[elementId]; + + if (instanceInfo) { + instanceInfo.picker.options.i18n = localization; + + instanceInfo.picker._root.interaction.save.value = localization["btn:save"]; + instanceInfo.picker._root.interaction.cancel.value = localization["btn:cancel"]; + instanceInfo.picker._root.interaction.clear.value = localization["btn:clear"]; + } +} + +export function focus(element, elementId, scrollToElement) { + const instanceInfo = _instancesInfos[elementId]; + + if (instanceInfo) { + utilities.focus(picker.element, null, scrollToElement); + } +} + +export function select(element, elementId, focus) { + const instanceInfo = _instancesInfos[elementId]; + + if (instanceInfo) { + utilities.select(picker.element, null, focus); + } +} + +export function applyHexColor(instanceInfo, hexColor, force = false) { + if (instanceInfo.hexColor !== hexColor || force) { + instanceInfo.hexColor = hexColor; + + if (instanceInfo.previewElement) { + instanceInfo.previewElement.style.backgroundColor = hexColor; + } + + if (instanceInfo.element) { + instanceInfo.element.setAttribute('data-color', hexColor); + } + + if (instanceInfo.dotnetAdapter) { + instanceInfo.dotnetAdapter.invokeMethodAsync('SetValue', hexColor); + } + } +} \ No newline at end of file diff --git a/_content/Blazorise/datePicker.js b/_content/Blazorise/datePicker.js new file mode 100755 index 0000000..d378109 --- /dev/null +++ b/_content/Blazorise/datePicker.js @@ -0,0 +1,385 @@ +import "./vendors/flatpickr.js?v=1.4.2.0"; +import * as utilities from "./utilities.js?v=1.4.2.0"; +import * as inputmask from "./inputMask.js?v=1.4.2.0"; +import { ClassWatcher } from "./observer.js?v=1.4.2.0"; + +const _pickers = []; + +export function initialize(dotnetAdapter, element, elementId, options) { + element = utilities.getRequiredElement(element, elementId); + + if (!element) + return; + + function mutationObserverCallback(mutationsList, observer) { + mutationsList.forEach(mutation => { + if (mutation.attributeName === 'class') { + const picker = _pickers[mutation.target.id]; + + if (picker && picker.altInput) { + const altInputClassListToRemove = [...picker.altInput.classList].filter(cn => !["input", "active"].includes(cn)); + const inputClassListToAdd = [...picker.input.classList].filter(cn => !["flatpickr-input"].includes(cn)); + + altInputClassListToRemove.forEach(name => { + picker.altInput.classList.remove(name); + }); + + inputClassListToAdd.forEach(name => { + picker.altInput.classList.add(name); + }); + } + } + }); + } + + // When flatpickr is defined with altInput=true, it will create a second input + // element while the original input element will be hidden. With MutationObserver + // we can copy classnames from hidden to the visible element. + const mutationObserver = new MutationObserver(mutationObserverCallback); + mutationObserver.observe(document.getElementById(elementId), { attributes: true }); + + const defaultOptions = { + enableTime: options.inputMode === 1, + dateFormat: options.inputMode === 1 ? 'Y-m-d H:i' : 'Y-m-d', + allowInput: true, + altInput: true, + altFormat: options.displayFormat ? options.displayFormat : (options.inputMode === 1 ? 'Y-m-d H:i' : 'Y-m-d'), + defaultDate: options.defaultDate, + minDate: options.min, + maxDate: options.max, + locale: options.localization || { + firstDayOfWeek: options.firstDayOfWeek + }, + time_24hr: options.timeAs24hr ? options.timeAs24hr : false, + clickOpens: !(options.readOnly || false), + disable: options.disabledDates || [], + inline: options.inline || false, + disableMobile: options.disableMobile || true, + static: options.staticPicker, + errorHandler: (error) => { + // do nothing to prevent warnings in the console + } + }; + + if (options.selectionMode) + defaultOptions.mode = options.selectionMode; + + const pluginOptions = options.inputMode === 2 ? { + plugins: [new monthSelectPlugin({ + shorthand: false, + dateFormat: "Y-m-d", + altFormat: "M Y" + })] + } : {}; + + const picker = flatpickr(element, Object.assign({}, defaultOptions, pluginOptions)); + + picker.altInput.dotnetAdapter = dotnetAdapter; + + if (options) { + picker.altInput.disabled = options.disabled || false; + picker.altInput.readOnly = options.readOnly || false; + picker.altInput.placeholder = utilities.coalesce(options.placeholder, ""); + + picker.altInput.addEventListener("blur", (e) => { + const isInput = e.target === picker._input; + + // Workaround for: onchange does not fire when user writes the time and then click outside of the input area. + if (isInput && picker.isOpen === false) { + picker.input.dispatchEvent(utilities.createEvent("change")); + picker.input.dispatchEvent(utilities.createEvent("input")); + } + }); + + if (options.inputFormat) { + setInputMask(picker, options.inputFormat, options.placeholder); + } + + if (options.validationStatus) { + const flatpickrWrapper = picker.altInput.parentElement; + + if (flatpickrWrapper) { + if (options.validationStatus.errorClass) { + function errorClassAddHandler() { + flatpickrWrapper.classList.add(options.validationStatus.errorClass); + } + + function errorClassRemoveHandler() { + flatpickrWrapper.classList.remove(options.validationStatus.errorClass); + } + + picker.errorClassWatcher = new ClassWatcher(picker.altInput, options.validationStatus.errorClass, errorClassAddHandler, errorClassRemoveHandler); + } + } + } + + if (options.validationStatus.successClass) { + function successClassAddHandler() { + flatpickrWrapper.classList.add(options.validationStatus.successClass); + } + + function successClassRemoveHandler() { + flatpickrWrapper.classList.remove(options.validationStatus.successClass); + } + + picker.successClassWatcher = new ClassWatcher(picker.altInput, options.validationStatus.successClass, successClassAddHandler, successClassRemoveHandler); + } + } + + picker.customOptions = { + inputMode: options.inputMode + }; + + attachEventHandlers(picker.altInput); + + _pickers[elementId] = picker; +} + +function attachEventHandlers(picker) { + picker.addEventListener("keydown", keyDownHandler); + picker.addEventListener("keyup", keyUpHandler); + picker.addEventListener("focus", focusHandler); + picker.addEventListener("focusin", focusInHandler); + picker.addEventListener("focusout", focusOutHandler); + picker.addEventListener("keypress", keyPressHandler); + picker.addEventListener("blur", blurHandler); +} + +function removeEventHandlers(picker) { + picker.removeEventListener("keydown", keyDownHandler); + picker.removeEventListener("keyup", keyUpHandler); + picker.removeEventListener("focus", focusHandler); + picker.removeEventListener("focusin", focusInHandler); + picker.removeEventListener("focusout", focusOutHandler); + picker.removeEventListener("keypress", keyPressHandler); + picker.removeEventListener("blur", blurHandler); +} + +function keyDownHandler(e) { + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnKeyDownHandler", e); + } +} + +function keyUpHandler(e) { + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnKeyUpHandler", e); + } +} + +function focusHandler(e) { + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnFocusHandler", e); + } +} + +function focusInHandler(e) { + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnFocusInHandler", e); + } +} + +function focusOutHandler(e) { + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnFocusOutHandler", e); + } +} + +function keyPressHandler(e) { + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnKeyPressHandler", e); + } +} + +function blurHandler(e) { + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnBlurHandler", e); + } +} + +export function destroy(element, elementId) { + const instances = _pickers || {}; + + const instance = instances[elementId]; + + if (instance && instance.altInput) { + removeEventHandlers(instance.altInput); + } + + if (instance) { + if (instance.errorClassWatcher) { + instance.errorClassWatcher.disconnect(); + } + + if (instance.successClassWatcher) { + instance.successClassWatcher.disconnect(); + } + + instance.destroy(); + } + + delete instances[elementId]; +} + +export function updateValue(element, elementId, value) { + const picker = _pickers[elementId]; + + if (picker) { + picker.setDate(value); + + // workaround for https://github.com/flatpickr/flatpickr/issues/2861 + if (picker.customOptions && picker.customOptions.inputMode === 2 && picker.nextMonthNav) { + picker.nextMonthNav.click(); + picker.jumpToDate(value, false); + } + } +} + +export function updateOptions(element, elementId, options) { + const picker = _pickers[elementId]; + + if (picker) { + if (options.firstDayOfWeek.changed) { + picker.set("firstDayOfWeek", options.firstDayOfWeek.value); + } + + if (options.displayFormat.changed) { + picker.set("altFormat", options.displayFormat.value); + } + + if (options.inputFormat.changed) { + setInputMask(picker, options.inputFormat.value, options.placeholder.value); + } + + if (options.timeAs24hr.changed) { + picker.set("time_24hr", options.timeAs24hr.value); + } + + if (options.min.changed) { + picker.set("minDate", options.min.value); + } + + if (options.max.changed) { + picker.set("maxDate", options.max.value); + } + + if (options.disabled.changed) { + picker.altInput.disabled = options.disabled.value; + } + + if (options.readOnly.changed) { + picker.altInput.readOnly = options.readOnly.value; + picker.set("clickOpens", !options.readOnly.value); + } + + if (options.disabledDates.changed) { + picker.set("disable", options.disabledDates.value || []); + } + + if (options.selectionMode.changed) { + picker.set("mode", options.selectionMode.value); + } + + if (options.inline.changed) { + picker.set("inline", options.inline.value || false); + } + + if (options.disableMobile.changed) { + picker.set("disableMobile", options.disableMobile.value || true); + } + + if (options.placeholder.changed) { + picker.altInput.placeholder = utilities.coalesce(options.placeholder.value, ""); + } + + if (options.staticPicker.changed) { + picker.set("static", options.staticPicker.value); + } + } +} + +export function open(element, elementId) { + const picker = _pickers[elementId]; + + if (picker) { + picker.open(); + } +} + +export function close(element, elementId) { + const picker = _pickers[elementId]; + + if (picker) { + picker.close(); + } +} + +export function toggle(element, elementId) { + const picker = _pickers[elementId]; + + if (picker) { + picker.toggle(); + } +} + +export function updateLocalization(element, elementId, localization) { + const picker = _pickers[elementId]; + + if (picker) { + picker.config.locale = localization; + + if (picker.l10n) { + picker.l10n.months = localization.months; + picker.l10n.weekdays = localization.weekdays; + picker.l10n.amPM = localization.amPM; + picker.l10n.rangeSeparator = localization.rangeSeparator; + } + + if (picker.weekdayContainer) { + for (let i = 0; i < 7; ++i) { + picker.weekdayContainer.children[0].children[i].innerHtml = localization.weekdays.shorthand[i]; + picker.weekdayContainer.children[0].children[i].innerText = localization.weekdays.shorthand[i]; + } + } + + if (picker.amPM) { + const selectedDate = picker.selectedDates && picker.selectedDates.length > 0 ? picker.selectedDates[0] : null; + const index = selectedDate && selectedDate.getHours() >= 12 ? 1 : 0; + + picker.amPM.innerHtml = localization.amPM[index]; + picker.amPM.innerText = localization.amPM[index]; + } + + picker.redraw(); + } +} + +export function focus(element, elementId, scrollToElement) { + const picker = _pickers[elementId]; + + if (picker && picker.altInput) { + utilities.focus(picker.altInput, null, scrollToElement); + } +} + +export function select(element, elementId, focus) { + const picker = _pickers[elementId]; + + if (picker && picker.altInput) { + utilities.select(picker.altInput, null, focus); + } +} + +function setInputMask(picker, inputFormat, placeholder) { + if (picker && picker.altInput) { + if (picker.inputMask && picker.inputMask.remove) { + picker.inputMask.remove(); + } + + picker.inputMask = inputmask.initialize(null, picker.altInput, null, { + placeholder: utilities.coalesce(placeholder, inputFormat), + alias: "datetime", + inputFormat: inputFormat + }); + } +} \ No newline at end of file diff --git a/_content/Blazorise/dragDrop.js b/_content/Blazorise/dragDrop.js new file mode 100755 index 0000000..b70bc1e --- /dev/null +++ b/_content/Blazorise/dragDrop.js @@ -0,0 +1,83 @@ +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +export function initialize(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + element.addEventListener('dragover', dragOverHandler); + element.addEventListener('dragstart', dragStartHandler); +} + +export function destroy(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + element.removeEventListener('dragover', dragOverHandler); + element.removeEventListener('dragstart', dragStartHandler); +} + +export function initializeThrottledDragEvents(element, elementId, dotnetAdapter) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + element.dotnetAdapter = dotnetAdapter; + element.timeOutForDrag = null; + element.timeOutForDragOver = null; + + element.addEventListener('drag', throttledDragHandler); + element.addEventListener('dragover', throttledDragOverHandler); +} + +export function destroyThrottledDragEvents(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + if (typeof throttledDragHandler === "function") { + element.removeEventListener("drag", throttledDragHandler); + } + + if (typeof throttledDragOverHandler === "function") { + element.removeEventListener("dragover", throttledDragOverHandler); + } +} + +function dragOverHandler(e) { + e.preventDefault(); +} + +function dragStartHandler(e) { + e.dataTransfer.setData('', e.target.id); +} + +function throttledDragHandler(e) { + e.preventDefault(); + + if (e.target && !e.target.timeOutForDrag) { + e.target.timeOutForDrag = setTimeout(function () { + e.target.timeOutForDrag = null; + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnDragHandler", e); + } + }.bind(this), 250); + } +} + +function throttledDragOverHandler(e) { + e.preventDefault(); + if (e.target && !e.target.timeOutForDragOver) { + e.target.timeOutForDragOver = setTimeout(function () { + e.target.timeOutForDragOver = null; + if (e.target.dotnetAdapter) { + e.target.dotnetAdapter.invokeMethodAsync("OnDragOverHandler", e); + } + }.bind(this), 250); + } +} \ No newline at end of file diff --git a/_content/Blazorise/dropdown.js b/_content/Blazorise/dropdown.js new file mode 100755 index 0000000..65455ee --- /dev/null +++ b/_content/Blazorise/dropdown.js @@ -0,0 +1,46 @@ +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; +import { createFloatingUiAutoUpdate } from './floatingUi.js?v=1.4.2.0'; + +const _instances = []; + +function createSelector(value) { + const classNames = '.' + value.split(' ').filter(i => i).join('.'); + + return classNames; +} + +export function initialize(element, elementId, targetElementId, menuElementId, options) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + const targetElement = targetElementId + ? document.getElementById(targetElementId) + : element.querySelector(createSelector(options.dropdownToggleClassNames)); + + const menuElement = menuElementId + ? document.getElementById(menuElementId) + : element.querySelector(createSelector(options.dropdownMenuClassNames)); + + const instanceCleanupFunction = createFloatingUiAutoUpdate(targetElement, menuElement, options); + + _instances[elementId] = instanceCleanupFunction; +} + + +export function destroy(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + const instances = _instances || {}; + + const instanceCleanupFunction = instances[elementId]; + + if (instanceCleanupFunction) { + instanceCleanupFunction(); + delete instances[elementId]; + } +} \ No newline at end of file diff --git a/_content/Blazorise/fileEdit.js b/_content/Blazorise/fileEdit.js new file mode 100755 index 0000000..879977e --- /dev/null +++ b/_content/Blazorise/fileEdit.js @@ -0,0 +1,203 @@ +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +const _instances = []; +let nextFileId = 0; +export function initialize(adapter, element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + // save an instance of adapter + _instances[elementId] = new FileEditInfo(adapter, element, elementId); + element.addEventListener("drop", async (e) => await onDrop(e, element), false); + element.addEventListener('change', function handleInputFileChange(event) { + + var fileList = mapElementFilesToFileEntries(element); + + adapter.invokeMethodAsync('NotifyChange', fileList).then(null, function (err) { + throw new Error(err); + }); + }); +} + +export function removeFile(element, elementId, fileId) { + element = getRequiredElement(element, elementId); + + if (element && element.files && element.files.length > 0) { + const dt = new DataTransfer(); + + for (let i = 0; i < element.files.length; i++) { + const file = element.files[i]; + if (file.id != fileId) + dt.items.add(file); + } + + element.files = dt.files; + element.dispatchEvent(new Event("change")); + } +} + +export function destroy(element, elementId) { + var instances = _instances || {}; + delete instances[elementId]; +} + +export function reset(element, elementId) { + element = getRequiredElement(element, elementId); + + if (element) { + element.value = ''; + + var fileEditInfo = _instances[elementId]; + + if (fileEditInfo) { + fileEditInfo.adapter.invokeMethodAsync('NotifyChange', []).then(null, function (err) { + throw new Error(err); + }); + } + } +} + +export function open(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + if ('showPicker' in HTMLInputElement.prototype) { + element.showPicker(); + } + else { + element.click(); + } +} + +// Reduce to purely serializable data, plus build an index by ID +function mapElementFilesToFileEntries(element) { + element._blazorFilesById = {}; + + let fileList = Array.prototype.map.call(element.files, function (file) { + file.id = file.id ?? ++nextFileId; + var fileEntry = { + id: file.id, + lastModified: new Date(file.lastModified).toISOString(), + name: file.name, + size: file.size, + type: file.type, + relativePath: file.webkitRelativePath + }; + element._blazorFilesById[fileEntry.id] = fileEntry; + + // Attach the blob data itself as a non-enumerable property so it doesn't appear in the JSON + Object.defineProperty(fileEntry, 'blob', { value: file }); + + return fileEntry; + }); + return fileList; +} + +async function onDrop(e, element) { + e.preventDefault(); + let fileInput = element; + + if (fileInput.disabled) + return; + + let _files = await getFilesAsync(e.dataTransfer, fileInput.webkitdirectory, fileInput.multiple); + fileInput.files = _files; + + const event = new Event('change', { bubbles: true }); + fileInput.dispatchEvent(event); +} + +export async function getFilesAsync(dataTransfer, directory, multiple) { + const files = []; + const queue = []; + + let fileCount = 1 + if (multiple) { + fileCount = dataTransfer.items.length + } + + for (let i = 0; i < fileCount; i++) { + const item = dataTransfer.items[i]; + if (item.kind === "file") { + if (typeof item.webkitGetAsEntry === "function") { + const entry = item.webkitGetAsEntry(); + if (entry.isDirectory) { + if (!directory) { + continue; + } + } + queue.push(readEntryContentAsync(entry).then(x => files.push(...x))); + continue; + } + + const file = item.getAsFile(); + if (file) { + files.push(file); + } + } + } + await Promise.all(queue); + + var dt = new DataTransfer(); + + for (var i = 0; i < files.length; i++) { + dt.items.add(files[i]); + } + + return dt.files; +} + +// Returns a promise with all the files of the directory hierarchy +function readEntryContentAsync(entry) { + return new Promise((resolve, reject) => { + let reading = 0; + const contents = []; + + readEntry(entry); + + function readEntry(entry) { + if (entry.isFile) { + reading++; + entry.file(file => { + reading--; + contents.push(file); + + if (reading === 0) { + resolve(contents); + } + }); + } else if (entry.isDirectory) { + readReaderContent(entry.createReader()); + } + } + + function readReaderContent(reader) { + reading++; + + reader.readEntries(function (entries) { + reading--; + for (const entry of entries) { + readEntry(entry); + } + + if (reading === 0) { + resolve(contents); + } + }); + } + }); +} + + +class FileEditInfo { + constructor(adapter, element, elementId) { + this.adapter = adapter; + this.element = element; + this.elementId = elementId; + } +} + diff --git a/_content/Blazorise/filePicker.js b/_content/Blazorise/filePicker.js new file mode 100755 index 0000000..e75eddc --- /dev/null +++ b/_content/Blazorise/filePicker.js @@ -0,0 +1,77 @@ +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; +import { getFilesAsync } from "./fileEdit.js?v=1.4.2.0"; + +const _instances = []; +export function initialize(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + _instances[elementId] = element; + initializeDropZone(element); +} + +export function destroy(element, elementId) { + var instances = _instances || {}; + delete instances[elementId]; +} + +function initializeDropZone(element) { + let fileInput = setFileInput(element); + if (fileInput) { + element.addEventListener("dragenter", async (e) => await onDragHover(e, element), false); + element.addEventListener("dragover", async (e) => await onDragHover(e, element), false); + element.addEventListener("dragleave", onDragLeave); + element.addEventListener("drop", async (e) => await onDrop(e, element), false); + element.addEventListener('paste', (e) => onPaste(e, element)); + } +} + +function onDragHover(e, element) { + if (element.fileInput.disabled) { + e.dataTransfer.dropEffect = "none"; + if (element.fileInput == e.target){ + //Fallback to FileEdit behavior + return; + } + + } + e.preventDefault(); +} + +function onDragLeave(e) { + e.preventDefault(); +} + +async function onDrop(e, element) { + e.preventDefault(); + let fileInput = getFileInput(element); + + if (fileInput.disabled) + return; + + let _files = await getFilesAsync(e.dataTransfer, fileInput.webkitdirectory, fileInput.multiple); + fileInput.files = _files; + + const event = new Event('change', { bubbles: true }); + fileInput.dispatchEvent(event); +} + +function onPaste(e, element) { + let fileInput = getFileInput(element); + + fileInput.files = e.clipboardData.files; + const event = new Event('change', { bubbles: true }); + fileInput.dispatchEvent(event); +} + +function setFileInput(element) { + let fileInput = element.querySelector("input[type=file]"); + _instances[element.id].fileInput = fileInput; + return fileInput; +} + +function getFileInput(element) { + return _instances[element.id].fileInput; +} diff --git a/_content/Blazorise/floatingUi.js b/_content/Blazorise/floatingUi.js new file mode 100755 index 0000000..2287536 --- /dev/null +++ b/_content/Blazorise/floatingUi.js @@ -0,0 +1,38 @@ +import { computePosition, autoUpdate, flip, shift, limitShift } from './vendors/floating-ui.js?v=1.4.2.0'; + +const DIRECTION_DEFAULT = 'Default' +const DIRECTION_DOWN = 'Down' +const DIRECTION_UP = 'Up' +const DIRECTION_END = 'End' +const DIRECTION_START = 'Start' + +export function createFloatingUiAutoUpdate(targetElement, menuElement, options) { + //https://floating-ui.com/docs/autoUpdate + return autoUpdate(targetElement, menuElement, () => { + computePosition(targetElement, menuElement, { //https://floating-ui.com/docs/computePosition#anchoring + placement: getPlacementDirection(options.direction, options.rightAligned), //https://floating-ui.com/docs/computePosition#placement + strategy: options.strategy, //https://floating-ui.com/docs/computePosition#strategy + middleware: [flip(), shift({ padding: 0, limiter: limitShift() })] //https://floating-ui.com/docs/computePosition#middleware + }).then(({ x, y }) => { + Object.assign(menuElement.style, { + left: `${x}px`, + top: `${y}px` + }); + }); + }); +} + +function getPlacementDirection(direction, rightAligned) { + let suffixAlignment = rightAligned ? "end" : "start"; + + if (direction === DIRECTION_DEFAULT || direction === DIRECTION_DOWN) + return 'bottom-' + suffixAlignment; + else if (direction === DIRECTION_UP) + return 'top-' + suffixAlignment; + else if (direction === DIRECTION_END) + return 'right-' + suffixAlignment; + else if (direction === DIRECTION_START) + return 'left-' + suffixAlignment; + + return 'bottom-' + suffixAlignment; +} \ No newline at end of file diff --git a/_content/Blazorise/inputMask.js b/_content/Blazorise/inputMask.js new file mode 100755 index 0000000..4565c40 --- /dev/null +++ b/_content/Blazorise/inputMask.js @@ -0,0 +1,72 @@ +import Inputmask from "./vendors/inputmask.js?v=1.4.2.0"; +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +let _instances = []; + +export function initialize(dotnetAdapter, element, elementId, options) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + const maskOptions = options.mask ? { mask: options.mask } : {}; + const regexOptions = options.mask ? { regex: options.regex } : {}; + const aliasOptions = options.alias ? { alias: options.alias, inputFormat: options.inputFormat, outputFormat: options.outputFormat } : {}; + const eventOptions = dotnetAdapter + ? { + oncomplete: function (e) { + dotnetAdapter.invokeMethodAsync('NotifyCompleted', e.target.value); + }, + onincomplete: function (e) { + dotnetAdapter.invokeMethodAsync('NotifyIncompleted', e.target.value); + }, + oncleared: function () { + dotnetAdapter.invokeMethodAsync('NotifyCleared'); + } + } : {}; + + const otherOptions = { + placeholder: options.placeholder || "_", + showMaskOnFocus: options.showMaskOnFocus, + showMaskOnHover: options.showMaskOnHover, + numericInput: options.numericInput || false, + rightAlign: options.rightAlign || false, + radixPoint: options.decimalSeparator || "", + groupSeparator: options.groupSeparator || "", + nullable: options.nullable || false, + positionCaretOnClick: options.positionCaretOnClick || "lvp", + clearMaskOnLostFocus: options.clearMaskOnLostFocus || true, + clearIncomplete: options.clearIncomplete || false, + autoUnmask: options.autoUnmask || false + }; + + const finalOptions = options.alias + ? Object.assign({}, aliasOptions, eventOptions, otherOptions) + : Object.assign({}, maskOptions, regexOptions, eventOptions, otherOptions); + + var inputMask = new Inputmask(finalOptions); + + inputMask.mask(element); + + _instances[elementId] = { + dotnetAdapter: dotnetAdapter, + element: element, + elementId: elementId, + inputMask: inputMask + }; + + return inputMask; +} + +export function destroy(element, elementId) { + var instances = _instances || {}; + delete instances[elementId]; +} + +export function extendAliases(element, elementId, aliasOptions) { + const instance = _instances[elementId]; + + if (instance && instance.inputMask) { + instance.inputMask.extendAliases(aliasOptions); + } +} \ No newline at end of file diff --git a/_content/Blazorise/io.js b/_content/Blazorise/io.js new file mode 100755 index 0000000..5534ecf --- /dev/null +++ b/_content/Blazorise/io.js @@ -0,0 +1,132 @@ +export async function readFileDataStream(elem, fileId) { + const file = getFileById(elem, fileId); + return file.blob; +} + +export function readFileData(element, fileEntryId, position, length) { + var readPromise = getArrayBufferFromFileAsync(element, fileEntryId); + + return readPromise.then(function (arrayBuffer) { + return new Uint8Array(arrayBuffer, position, length); + }); +} + +function ensureArrayBufferReadyForSharedMemoryInterop(element, fileId) { + return getArrayBufferFromFileAsync(element, fileId).then(function (arrayBuffer) { + getFileById(element, fileId).arrayBuffer = arrayBuffer; + }); +} + +function readFileDataSharedMemory(readRequest) { + // This uses various unsupported internal APIs. Beware that if you also use them, + // your code could become broken by any update. + var inputFileElementReferenceId = Blazor.platform.readStringField(readRequest, 0); + var inputFileElement = document.querySelector('[_bl_' + inputFileElementReferenceId + ']'); + var fileId = Blazor.platform.readInt32Field(readRequest, 4); + var sourceOffset = Blazor.platform.readUint64Field(readRequest, 8); + var destination = Blazor.platform.readInt32Field(readRequest, 16); + var destinationOffset = Blazor.platform.readInt32Field(readRequest, 20); + var maxBytes = Blazor.platform.readInt32Field(readRequest, 24); + + var sourceArrayBuffer = getFileById(inputFileElement, fileId).arrayBuffer; + var bytesToRead = Math.min(maxBytes, sourceArrayBuffer.byteLength - sourceOffset); + var sourceUint8Array = new Uint8Array(sourceArrayBuffer, sourceOffset, bytesToRead); + + var destinationUint8Array = Blazor.platform.toUint8Array(destination); + destinationUint8Array.set(sourceUint8Array, destinationOffset); + + return bytesToRead; +} + + +function getFileById(element, fileId) { + var file = element._blazorFilesById[fileId]; + + if (!file) { + throw new Error('There is no file with ID ' + fileId + '. The file list may have changed'); + } + + return file; +} + +function getArrayBufferFromFileAsync(element, fileId) { + var file = getFileById(element, fileId); + + // On the first read, convert the FileReader into a Promise + if (!file.readPromise) { + file.readPromise = new Promise(function (resolve, reject) { + var reader = new FileReader(); + reader.onload = function () { resolve(reader.result); }; + reader.onerror = function (err) { reject(err); }; + reader.readAsArrayBuffer(file.blob); + }); + } + + return file.readPromise; +} + +var uint8ToBase64 = (function () { + // Code from https://github.com/beatgammit/base64-js/ + // License: MIT + var lookup = []; + + var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'; + for (var i = 0, len = code.length; i < len; ++i) { + lookup[i] = code[i]; + } + + function tripletToBase64(num) { + return lookup[num >> 18 & 0x3F] + + lookup[num >> 12 & 0x3F] + + lookup[num >> 6 & 0x3F] + + lookup[num & 0x3F]; + } + + function encodeChunk(uint8, start, end) { + var tmp; + var output = []; + for (var i = start; i < end; i += 3) { + tmp = + ((uint8[i] << 16) & 0xFF0000) + + ((uint8[i + 1] << 8) & 0xFF00) + + (uint8[i + 2] & 0xFF); + output.push(tripletToBase64(tmp)); + } + return output.join(''); + } + + return function fromByteArray(uint8) { + var tmp; + var len = uint8.length; + var extraBytes = len % 3; // if we have 1 byte left, pad 2 bytes + var parts = []; + var maxChunkLength = 16383; // must be multiple of 3 + + // go through the array every three bytes, we'll deal with trailing stuff later + for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) { + parts.push(encodeChunk( + uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength) + )); + } + + // pad the end with zeros, but make sure to not forget the extra bytes + if (extraBytes === 1) { + tmp = uint8[len - 1]; + parts.push( + lookup[tmp >> 2] + + lookup[(tmp << 4) & 0x3F] + + '==' + ); + } else if (extraBytes === 2) { + tmp = (uint8[len - 2] << 8) + uint8[len - 1]; + parts.push( + lookup[tmp >> 10] + + lookup[(tmp >> 4) & 0x3F] + + lookup[(tmp << 2) & 0x3F] + + '=' + ); + } + + return parts.join(''); + }; +})(); \ No newline at end of file diff --git a/_content/Blazorise/memoEdit.js b/_content/Blazorise/memoEdit.js new file mode 100755 index 0000000..a2b2e36 --- /dev/null +++ b/_content/Blazorise/memoEdit.js @@ -0,0 +1,123 @@ +import { Behave } from "./vendors/Behave.js?v=1.4.2.0"; +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +const _instances = []; + +export function initialize(element, elementId, options) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + const replaceTab = options.replaceTab || false; + const tabSize = options.tabSize || 4; + const softTabs = options.tabSize || true; + + let behave = replaceTab ? new Behave({ + textarea: element, + replaceTab: replaceTab, + softTabs: softTabs, + tabSize: tabSize, + autoOpen: true, + overwrite: true, + autoStrip: true, + autoIndent: true, + fence: false + }) : null; + + if (options.autoSize) { + element.oninput = onInputChanged; + + // fire oninput immediatelly to trigger autosize in case the text is long + if ("createEvent" in document) { + let event = document.createEvent("HTMLEvents"); + event.initEvent("input", false, true); + element.dispatchEvent(event); + } + else { + element.fireEvent("oninput"); + } + } + + _instances[elementId] = { + element: element, + elementId: elementId, + replaceTab: replaceTab, + tabSize: tabSize, + softTabs: softTabs, + behave: behave + }; +} + +export function destroy(element, elementId) { + const instance = _instances[elementId]; + + if (instance && instance.behave) { + instance.behave.destroy(); + instance.behave = null; + } + + delete _instances[elementId]; +} + +export function updateOptions(element, elementId, options) { + const instance = _instances[elementId]; + + if (instance) { + if (options.replaceTab.changed || options.tabSize.changed || options.softTabs.changed) { + instance.replaceTab = options.replaceTab.value; + instance.tabSize = options.tabSize.value; + instance.softTabs = options.softTabs.value; + + if (instance.behave) { + instance.behave.destroy(); + instance.behave = null; + } + + if (instance.replaceTab) { + instance.behave = new Behave({ + textarea: element, + replaceTab: instance.replaceTab, + softTabs: instance.softTabs, + tabSize: instance.tabSize, + autoOpen: true, + overwrite: true, + autoStrip: true, + autoIndent: true, + fence: false + }); + } + } + + if (options.autoSize.changed) { + element.oninput = options.autoSize.value + ? onInputChanged + : function () { }; + } + }; +} + +function onInputChanged(e) { + if (e && e.target) { + e.target.style.height = 'auto'; + e.target.style.height = this.scrollHeight + 'px'; + e.target.style.overflowY = 'hidden'; + } +} + +export function recalculateAutoHeight(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + // fire input to trigger autosize in case the text is long + if ("createEvent" in document) { + let event = document.createEvent("HTMLEvents"); + event.initEvent("input", false, true); + element.dispatchEvent(event); + } + else { + element.fireEvent("oninput"); + } +} \ No newline at end of file diff --git a/_content/Blazorise/numericPicker.js b/_content/Blazorise/numericPicker.js new file mode 100755 index 0000000..7f9f0c1 --- /dev/null +++ b/_content/Blazorise/numericPicker.js @@ -0,0 +1,146 @@ +import { getRequiredElement, fromExponential, firstNonNull } from "./utilities.js?v=1.4.2.0"; + +import './vendors/autoNumeric.js?v=1.4.2.0'; + +let _instances = []; + +export function initialize(dotnetAdapter, element, elementId, options) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + const instance = new AutoNumeric(element, options.value, { + decimalPlaces: firstNonNull(options.decimals, AutoNumeric.options.decimalPlaces.two), + decimalPlacesRawValue: firstNonNull(options.decimals, AutoNumeric.options.decimalPlaces.two), + decimalPlacesShownOnBlur: firstNonNull(options.decimals, AutoNumeric.options.decimalPlaces.two), + decimalPlacesShownOnFocus: firstNonNull(options.decimals, AutoNumeric.options.decimalPlaces.two), + decimalCharacter: firstNonNull(options.decimalSeparator, AutoNumeric.options.decimalCharacter.dot), + decimalCharacterAlternative: firstNonNull(options.alternativeDecimalSeparator, AutoNumeric.options.decimalCharacter.comma), + + digitGroupSeparator: firstNonNull(options.groupSeparator, AutoNumeric.options.digitGroupSeparator.noSeparator), + digitalGroupSpacing: firstNonNull(options.groupSpacing, AutoNumeric.options.digitalGroupSpacing.three), + + modifyValueOnWheel: firstNonNull(options.modifyValueOnWheel, AutoNumeric.options.modifyValueOnWheel.doNothing), + wheelOn: firstNonNull(options.wheelOn, AutoNumeric.options.wheelOn.focus), + wheelStep: firstNonNull(options.step, 1), + minimumValue: firstNonNull(fromExponential(firstNonNull(options.min, options.typeMin)), AutoNumeric.options.minimumValue.tenTrillions), + maximumValue: firstNonNull(fromExponential(firstNonNull(options.max, options.typeMax)), AutoNumeric.options.maximumValue.tenTrillions), + overrideMinMaxLimits: firstNonNull(options.minMaxLimitsOverride, AutoNumeric.options.overrideMinMaxLimits.doNotOverride), + roundingMethod: firstNonNull(options.roundingMethod, AutoNumeric.options.roundingMethod.halfUpSymmetric), + + currencySymbol: firstNonNull(options.currencySymbol, AutoNumeric.options.currencySymbol.none), + currencySymbolPlacement: firstNonNull(options.currencySymbolPlacement, AutoNumeric.options.currencySymbolPlacement.suffix), + + selectOnFocus: firstNonNull(options.selectAllOnFocus, AutoNumeric.options.selectOnFocus.doNotSelect), + caretPositionOnFocus: AutoNumeric.options.caretPositionOnFocus.doNoForceCaretPosition, + + allowDecimalPadding: firstNonNull(options.allowDecimalPadding, AutoNumeric.options.allowDecimalPadding.always), + alwaysAllowDecimalCharacter: firstNonNull(options.alwaysAllowDecimalSeparator, AutoNumeric.options.alwaysAllowDecimalCharacter.doNotAllow), + + onInvalidPaste: 'ignore', + emptyInputBehavior: AutoNumeric.options.emptyInputBehavior.null + }); + + element.addEventListener('autoNumeric:rawValueModified', e => { + if (typeof e.detail.newRawValue !== "undefined") { + dotnetAdapter.invokeMethodAsync('SetValue', e.detail.newRawValue); + } + }); + + _instances[elementId] = instance; +} + +export function destroy(element, elementId) { + const instance = _instances[elementId]; + + if (instance) { + instance.remove(); + } + + delete _instances[elementId]; +} + +export function updateOptions(element, elementId, options) { + const instance = _instances[elementId]; + + if (instance && options) { + const newOptions = {}; + + if (options.decimals.changed) { + //newOptions.decimalPlaces = options.decimals.value || AutoNumeric.options.decimalPlaces.two; + newOptions.decimalPlacesRawValue = firstNonNull(options.decimals.value, AutoNumeric.options.decimalPlaces.two); + newOptions.decimalPlacesShownOnFocus = firstNonNull(options.decimals.value, AutoNumeric.options.decimalPlaces.two); + newOptions.decimalPlacesShownOnBlur = firstNonNull(options.decimals.value, AutoNumeric.options.decimalPlaces.two); + } + + if (options.decimalSeparator.changed) { + newOptions.decimalCharacter = firstNonNull(options.decimalSeparator.value, AutoNumeric.options.decimalCharacter.dot); + } + + if (options.alternativeDecimalSeparator.changed) { + newOptions.decimalCharacterAlternative = firstNonNull(options.alternativeDecimalSeparator.value, AutoNumeric.options.decimalCharacter.comma); + } + + if (options.groupSeparator.changed) { + newOptions.digitGroupSeparator = firstNonNull(options.groupSeparator.value, AutoNumeric.options.digitGroupSeparator.noSeparator); + } + + if (options.groupSpacing.changed) { + newOptions.digitalGroupSpacing = firstNonNull(options.groupSpacing.value, AutoNumeric.options.digitalGroupSpacing.three); + } + + if (options.currencySymbol.changed) { + newOptions.currencySymbol = firstNonNull(options.currencySymbol.value, AutoNumeric.options.currencySymbol.none); + } + + if (options.currencySymbolPlacement.changed) { + newOptions.currencySymbolPlacement = firstNonNull(options.currencySymbolPlacement.value, AutoNumeric.options.currencySymbolPlacement.suffix); + } + + if (options.roundingMethod.changed) { + newOptions.roundingMethod = firstNonNull(options.roundingMethod.value, AutoNumeric.options.roundingMethod.halfUpSymmetric); + } + + if (options.min.changed) { + newOptions.minimumValue = fromExponential(firstNonNull(options.min.value, AutoNumeric.options.minimumValue.tenTrillions)); + } + if (options.max.changed) { + newOptions.maximumValue = fromExponential(firstNonNull(options.max.value, AutoNumeric.options.maximumValue.tenTrillions)); + } + + if (options.minMaxLimitsOverride.changed) { + newOptions.overrideMinMaxLimits = firstNonNull(options.minMaxLimitsOverride.value, AutoNumeric.options.overrideMinMaxLimits.doNotOverride); + } + + if (options.selectAllOnFocus.changed) { + newOptions.selectOnFocus = firstNonNull(options.selectAllOnFocus.value, AutoNumeric.options.selectOnFocus.doNotSelect); + } + + if (options.allowDecimalPadding.changed) { + newOptions.allowDecimalPadding = firstNonNull(options.allowDecimalPadding.value, AutoNumeric.options.allowDecimalPadding.always); + } + + if (options.alwaysAllowDecimalSeparator.changed) { + newOptions.alwaysAllowDecimalCharacter = firstNonNull(options.alwaysAllowDecimalSeparator.value, AutoNumeric.options.alwaysAllowDecimalCharacter.doNotAllow); + } + + if (options.modifyValueOnWheel.changed) { + newOptions.modifyValueOnWheel = firstNonNull(options.modifyValueOnWheel.value, AutoNumeric.options.modifyValueOnWheel.doNothing); + } + + if (options.wheelOn.changed) { + newOptions.wheelOn = firstNonNull(options.wheelOn.value, AutoNumeric.options.wheelOn.focus); + } + + instance.update(newOptions); + } +} + +export function updateValue(element, elementId, value) { + const instance = _instances[elementId]; + + if (instance) { + instance.set(value); + } +} \ No newline at end of file diff --git a/_content/Blazorise/observer.js b/_content/Blazorise/observer.js new file mode 100755 index 0000000..62b0ae4 --- /dev/null +++ b/_content/Blazorise/observer.js @@ -0,0 +1,99 @@ +///https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver + +const _instances = []; + +///Creates a new observer on a given element, please follow the link below for usage +///https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/observe +export function createObserver(elementId, callback, configuration) { + const observer = new MutationObserver(callback); + observer.observe(document.getElementById(elementId), configuration); + _instances[elementId] = observer; + return observer; +} + +///Creates a new observer that's setup to listen for attribute changes on a given element. +export function createAttributesObserver(targetNode, callback) { + return createObserver(targetNode, callback, { attributes: true, attributeOldValue: true }); +} + +///Observer helper function, sets an observer callback based on a class name +export function observeClassChanged(mutationsList, className, onChangedCallBack, triggerOnOldValue) { + if (mutationsList && className) { + for (const mutation of mutationsList) { + if (mutation.type === 'attributes' && mutation.attributeName === 'class' && (mutation.target.classList.contains(className)) || (triggerOnOldValue && mutation.oldValue && mutation.oldValue.includes(className))) { + if (typeof (onChangedCallBack) === "function") + onChangedCallBack(); + } + } + } +} + +///Observer helper function, sets an observer callback based on an attribute name +export function observeAttributeChanged(mutationsList, attributeName, onChangedCallBack) { + if (mutationsList && attributeName) { + for (const mutation of mutationsList) { + if (mutation.type === 'attributes' && mutation.attributeName === 'attribute' && mutation.target.classList.contains(attributeName)) { + if (typeof (onChangedCallBack) === "function") + onChangedCallBack(); + } + } + } +} + +///Stops and clean ups the observer +export function destroyObserver(elementId) { + const instances = _instances || {}; + + const instance = instances[elementId]; + + if (instance) { + instance.disconnect(); + + delete instances[elementId]; + } +} + +export class ClassWatcher { + constructor(targetNode, classToWatch, classAddedCallback, classRemovedCallback) { + this.targetNode = targetNode; + this.classToWatch = classToWatch; + this.classAddedCallback = classAddedCallback; + this.classRemovedCallback = classRemovedCallback; + this.observer = null; + this.lastClassState = targetNode.classList.contains(this.classToWatch); + + this.init(); + } + + init() { + this.observer = new MutationObserver(this.mutationCallback); + this.observe(); + } + + observe() { + this.observer.observe(this.targetNode, { attributes: true }); + } + + disconnect() { + this.observer.disconnect(); + } + + mutationCallback = mutationsList => { + for (let mutation of mutationsList) { + if (mutation.type === 'attributes' && mutation.attributeName === 'class') { + let currentClassState = mutation.target.classList.contains(this.classToWatch); + + if (this.lastClassState !== currentClassState) { + this.lastClassState = currentClassState; + + if (currentClassState) { + this.classAddedCallback(); + } + else { + this.classRemovedCallback(); + } + } + } + } + } +} \ No newline at end of file diff --git a/_content/Blazorise/table.js b/_content/Blazorise/table.js new file mode 100755 index 0000000..9dde85e --- /dev/null +++ b/_content/Blazorise/table.js @@ -0,0 +1,225 @@ +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +export function initializeTableFixedHeader(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + let resizeTimeout = null + + function resizeThottler() { + if (!resizeTimeout) { + resizeTimeout = setTimeout(function () { + resizeTimeout = null; + resizeHandler(element); + }.bind(this), 66); + } + } + + function resizeHandler(element) { + const thead = element.querySelector("thead:first-child"); + const tableRows = thead.querySelectorAll("tr"); + if (tableRows !== null && tableRows.length > 1) { + let previousRowCellHeight = 0; + for (let i = 0; i < tableRows.length; i++) { + let currentTh = tableRows[i].querySelectorAll("th"); + currentTh.forEach(x => x.style.top = `${previousRowCellHeight}px`); + previousRowCellHeight += currentTh[0].offsetHeight; + } + } + } + + resizeHandler(element); + + window.addEventListener("resize", this.resizeThottler, false); +} + +export function destroyTableFixedHeader(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + if (typeof this.resizeThottler === "function") { + window.removeEventListener("resize", this.resizeThottler); + } + + const thead = element.querySelector("thead:first-child"); + const tableRows = thead.querySelectorAll("tr"); + + if (tableRows !== null && tableRows.length > 1) { + for (let i = 0; i < tableRows.length; i++) { + let currentTh = tableRows[i].querySelectorAll("th"); + currentTh.forEach(x => x.style.top = `${0}px`); + } + } +} + +export function fixedHeaderScrollTableToPixels(element, elementId, pixels) { + if (element && element.parentElement) { + + element.parentElement.scroll({ + top: pixels, + behavior: "smooth" + }); + } +} + +export function fixedHeaderScrollTableToRow(element, elementId, row) { + element = getRequiredElement(element, elementId); + + if (element) { + let rows = element.querySelectorAll("tr"); + let rowsLength = rows.length; + + if (rowsLength > 0 && row >= 0 && row < rowsLength) { + rows[row].scrollIntoView({ + behavior: "smooth", + block: "nearest" + }); + } + } +} + +export function initializeResizable(element, elementId, mode) { + const resizerClass = "b-table-resizer"; + const resizingClass = "b-table-resizing"; + const resizerHeaderMode = 0; + let cols = null; + + element = getRequiredElement(element, elementId); + + if (element) { + const thead = element.querySelector("thead:first-child"); + cols = thead.querySelectorAll('tr:first-child > th'); + } + + if (cols) { + + const calculateTableActualHeight = function () { + let height = 0; + if (element !== null) { + const tableRows = element.querySelectorAll('tr'); + + tableRows.forEach(x => { + let firstCol = x.querySelector('th:first-child,td:first-child'); + if (firstCol !== null) { + height += firstCol.offsetHeight; + } + }); + } + return height; + }; + + const calculateModeHeight = () => { + return mode === resizerHeaderMode + ? element !== null + ? element.querySelector('tr:first-child > th:first-child').offsetHeight + : 0 + : calculateTableActualHeight(); + }; + + let actualHeight = calculateModeHeight(); + + const createResizableColumn = function (col) { + if (col.querySelector(`.${resizerClass}`) !== null) + return; + // Add a resizer element to the column + const resizer = document.createElement('div'); + resizer.classList.add(resizerClass); + + // Set the height + resizer.style.height = `${actualHeight}px`; + + resizer.addEventListener("click", function (e) { + e.preventDefault(); + e.stopPropagation(); + }); + + let mouseDownDate; + let mouseUpDate; + + col.addEventListener('click', function (e) { + let resized = (mouseDownDate !== null && mouseUpDate !== null); + if (resized) { + let currentDate = new Date(); + + // Checks if mouse down was some ms ago, which means click from resizing + let elapsedFromMouseDown = currentDate - mouseDownDate; + let clickFromResize = elapsedFromMouseDown > 100; + + // Checks if mouse up was some ms ago, which either means: + // we clicked from resizing just now or + // did not click from resizing and should handle click normally. + let elapsedFromMouseUp = currentDate - mouseUpDate; + let clickFromResizeJustNow = elapsedFromMouseUp < 100; + + if (resized && clickFromResize && clickFromResizeJustNow) { + e.preventDefault(); + e.stopPropagation(); + } + mouseDownDate = null; + mouseUpDate = null; + } + }); + col.appendChild(resizer); + + // Track the current position of mouse + let x = 0; + let w = 0; + + const mouseDownHandler = function (e) { + mouseDownDate = new Date(); + + // Get the current mouse position + x = e.clientX; + + // Calculate the current width of column + const styles = window.getComputedStyle(col); + w = parseInt(styles.width, 10); + + // Attach listeners for document's events + document.addEventListener('pointermove', mouseMoveHandler); + document.addEventListener('pointerup', mouseUpHandler); + + resizer.classList.add(resizingClass); + }; + + const mouseMoveHandler = function (e) { + // Determine how far the mouse has been moved + const dx = e.clientX - x; + + resizer.style.height = `${calculateTableActualHeight()}px`; + + // Update the width of column + col.style.width = `${w + dx}px`; + }; + + // When user releases the mouse, remove the existing event listeners + const mouseUpHandler = function () { + mouseUpDate = new Date(); + + resizer.classList.remove(resizingClass); + + element.querySelectorAll(`.${resizerClass}`).forEach(x => x.style.height = `${calculateModeHeight()}px`); + + document.removeEventListener('pointermove', mouseMoveHandler); + document.removeEventListener('pointerup', mouseUpHandler); + }; + + resizer.addEventListener('pointerdown', mouseDownHandler); + }; + + + [].forEach.call(cols, function (col) { + createResizableColumn(col); + }); + } +} + +export function destroyResizable(element, elementId) { + if (element !== null) { + element.querySelectorAll('.b-table-resizer').forEach(x => x.remove()); + } +} \ No newline at end of file diff --git a/_content/Blazorise/textEdit.js b/_content/Blazorise/textEdit.js new file mode 100755 index 0000000..7ec09ab --- /dev/null +++ b/_content/Blazorise/textEdit.js @@ -0,0 +1,52 @@ +import { NumericMaskValidator } from "./validators/NumericMaskValidator.js?v=1.4.2.0"; +import { DateTimeMaskValidator } from "./validators/DateTimeMaskValidator.js?v=1.4.2.0"; +import { RegExMaskValidator } from "./validators/RegExMaskValidator.js?v=1.4.2.0"; +import { NoValidator } from "./validators/NoValidator.js?v=1.4.2.0"; +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +let _instances = []; + +export function initialize(element, elementId, maskType, editMask) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + var instances = _instances = _instances || {}; + + if (maskType === "numeric") { + instances[elementId] = new NumericMaskValidator(null, element, elementId); + } + else if (maskType === "datetime") { + instances[elementId] = new DateTimeMaskValidator(element, elementId); + } + else if (maskType === "regex") { + instances[elementId] = new RegExMaskValidator(element, elementId, editMask); + } + else { + instances[elementId] = new NoValidator(); + } + + element.addEventListener("keypress", (e) => { + keyPress(instances[elementId], e); + }); + + element.addEventListener("paste", (e) => { + paste(instances[elementId], e); + }); +} + +export function destroy(element, elementId) { + var instances = _instances || {}; + delete instances[elementId]; +} + +function keyPress(validator, e) { + var currentValue = String.fromCharCode(e.which); + + return validator.isValid(currentValue) || e.preventDefault(); +} + +function paste(validator, e) { + return validator.isValid(e.clipboardData.getData("text/plain")) || e.preventDefault(); +} \ No newline at end of file diff --git a/_content/Blazorise/theme.js b/_content/Blazorise/theme.js new file mode 100755 index 0000000..ef0c7d0 --- /dev/null +++ b/_content/Blazorise/theme.js @@ -0,0 +1,35 @@ +export function addVariable(name, value) { + const themeVariablesElement = document.getElementById("b-theme-variables"); + + // make sure that themeVariables element exists and that we don't have the variable already defined + if (themeVariablesElement && themeVariablesElement.innerHTML) { + const newVariable = "\n" + name + ": " + value + ";"; + + const variableStartIndex = themeVariablesElement.innerHTML.indexOf(name + ":"); + + if (variableStartIndex >= 0) { + const variableEndIndex = themeVariablesElement.innerHTML.indexOf(";", variableStartIndex); + const existingVariable = themeVariablesElement.innerHTML.substr(variableStartIndex, variableEndIndex); + + const result = themeVariablesElement.innerHTML.replace(existingVariable, newVariable); + + themeVariablesElement.innerHTML = result; + } + else { + const innerHTML = themeVariablesElement.innerHTML; + const position = innerHTML.lastIndexOf(';'); + + if (position >= 0) { + const result = [innerHTML.slice(0, position + 1), newVariable, innerHTML.slice(position + 1)].join(''); + + themeVariablesElement.innerHTML = result; + } + } + + return; + } + + // The fallback mechanism for custom CSS variables where we don't use theme provider + // is to apply them to the body element + document.body.style.setProperty(name, value); +} \ No newline at end of file diff --git a/_content/Blazorise/timePicker.js b/_content/Blazorise/timePicker.js new file mode 100755 index 0000000..0ff61bd --- /dev/null +++ b/_content/Blazorise/timePicker.js @@ -0,0 +1,199 @@ +import "./vendors/flatpickr.js?v=1.4.2.0"; +import * as utilities from "./utilities.js?v=1.4.2.0"; + +const _pickers = []; + +export function initialize(element, elementId, options) { + element = utilities.getRequiredElement(element, elementId); + + if (!element) + return; + + function mutationObserverCallback(mutationsList, observer) { + mutationsList.forEach(mutation => { + if (mutation.attributeName === 'class') { + const picker = _pickers[mutation.target.id]; + + if (picker && picker.altInput) { + const altInputClassListToRemove = [...picker.altInput.classList].filter(cn => !["input", "active"].includes(cn)); + const inputClassListToAdd = [...picker.input.classList].filter(cn => !["flatpickr-input"].includes(cn)); + + altInputClassListToRemove.forEach(name => { + picker.altInput.classList.remove(name); + }); + + inputClassListToAdd.forEach(name => { + picker.altInput.classList.add(name); + }); + } + } + }); + } + + // When flatpickr is defined with altInput=true, it will create a second input + // element while the original input element will be hidden. With MutationObserver + // we can copy classnames from hidden to the visible element. + const mutationObserver = new MutationObserver(mutationObserverCallback); + mutationObserver.observe(document.getElementById(elementId), { attributes: true }); + + const picker = flatpickr(element, { + enableTime: true, + noCalendar: true, + dateFormat: "H:i", + allowInput: true, + altInput: true, + altFormat: options.displayFormat ? options.displayFormat : "H:i", + defaultValue: options.default, + minTime: options.min, + maxTime: options.max, + time_24hr: options.timeAs24hr ? options.timeAs24hr : false, + clickOpens: !(options.readOnly || false), + locale: options.localization || {}, + inline: options.inline || false, + static: options.staticPicker + }); + + if (options) { + picker.altInput.disabled = options.disabled || false; + picker.altInput.readOnly = options.readOnly || false; + picker.altInput.placeholder = utilities.coalesce(options.placeholder, ""); + + picker.altInput.addEventListener("blur", (e) => { + const isInput = e.target === picker._input; + + // Workaround for: onchange does not fire when user writes the time and then click outside of the input area. + if (isInput && picker.isOpen === false) { + picker.input.dispatchEvent(utilities.createEvent("change")); + picker.input.dispatchEvent(utilities.createEvent("input")); + } + }); + } + + _pickers[elementId] = picker; +} + +export function destroy(element, elementId) { + const instances = _pickers || {}; + + const instance = instances[elementId]; + + if (instance) { + instance.destroy(); + } + + delete instances[elementId]; +} + +export function updateValue(element, elementId, value) { + const picker = _pickers[elementId]; + + if (picker) { + picker.setDate(value); + } +} + +export function updateOptions(element, elementId, options) { + const picker = _pickers[elementId]; + + if (picker) { + if (options.displayFormat.changed) { + picker.set("altFormat", options.displayFormat.value); + } + + if (options.timeAs24hr.changed) { + picker.set("time_24hr", options.timeAs24hr.value); + } + + if (options.min.changed) { + picker.set("minTime", options.min.value); + } + + if (options.max.changed) { + picker.set("maxTime", options.max.value); + } + + if (options.disabled.changed) { + picker.altInput.disabled = options.disabled.value; + } + + if (options.readOnly.changed) { + picker.altInput.readOnly = options.readOnly.value; + picker.set("clickOpens", !options.readOnly.value); + } + + if (options.inline.changed) { + picker.set("inline", options.inline.value || false); + } + + if (options.placeholder.changed) { + picker.altInput.placeholder = options.placeholder.value; + } + + if (options.staticPicker.changed) { + picker.set("static", options.staticPicker.value); + } + } +} + +export function open(element, elementId) { + const picker = _pickers[elementId]; + + if (picker) { + picker.open(); + } +} + +export function close(element, elementId) { + const picker = _pickers[elementId]; + + if (picker) { + picker.close(); + } +} + +export function toggle(element, elementId) { + const picker = _pickers[elementId]; + + if (picker) { + picker.toggle(); + } +} + + +export function updateLocalization(element, elementId, localization) { + const picker = _pickers[elementId]; + + if (picker) { + picker.config.locale = localization; + + if (picker.l10n) { + picker.l10n.amPM = localization.amPM; + } + + if (picker.amPM) { + const selectedDate = picker.selectedDates && picker.selectedDates.length > 0 ? picker.selectedDates[0] : null; + const index = selectedDate && selectedDate.getHours() >= 12 ? 1 : 0; + + picker.amPM.innerHtml = localization.amPM[index]; + picker.amPM.innerText = localization.amPM[index]; + } + + picker.redraw(); + } +} + +export function focus(element, elementId, scrollToElement) { + const picker = _pickers[elementId]; + + if (picker && picker.altInput) { + utilities.focus(picker.altInput, null, scrollToElement); + } +} + +export function select(element, elementId, focus) { + const picker = _pickers[elementId]; + + if (picker && picker.altInput) { + utilities.select(picker.altInput, null, focus); + } +} \ No newline at end of file diff --git a/_content/Blazorise/tooltip.js b/_content/Blazorise/tooltip.js new file mode 100755 index 0000000..28b60a8 --- /dev/null +++ b/_content/Blazorise/tooltip.js @@ -0,0 +1,90 @@ +import { getRequiredElement } from "./utilities.js?v=1.4.2.0"; + +!function (e, t) { "object" == typeof exports && "undefined" != typeof module ? t(exports) : "function" == typeof define && define.amd ? define(["exports"], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).Popper = {}) }(this, (function (e) { function t(e) { return { width: (e = e.getBoundingClientRect()).width, height: e.height, top: e.top, right: e.right, bottom: e.bottom, left: e.left, x: e.left, y: e.top } } function n(e) { return null == e ? window : "[object Window]" !== e.toString() ? (e = e.ownerDocument) && e.defaultView || window : e } function o(e) { return { scrollLeft: (e = n(e)).pageXOffset, scrollTop: e.pageYOffset } } function r(e) { return e instanceof n(e).Element || e instanceof Element } function i(e) { return e instanceof n(e).HTMLElement || e instanceof HTMLElement } function a(e) { return "undefined" != typeof ShadowRoot && (e instanceof n(e).ShadowRoot || e instanceof ShadowRoot) } function s(e) { return e ? (e.nodeName || "").toLowerCase() : null } function f(e) { return ((r(e) ? e.ownerDocument : e.document) || window.document).documentElement } function p(e) { return t(f(e)).left + o(e).scrollLeft } function c(e) { return n(e).getComputedStyle(e) } function l(e) { return e = c(e), /auto|scroll|overlay|hidden/.test(e.overflow + e.overflowY + e.overflowX) } function u(e, r, a) { void 0 === a && (a = !1); var c = f(r); e = t(e); var u = i(r), d = { scrollLeft: 0, scrollTop: 0 }, m = { x: 0, y: 0 }; return (u || !u && !a) && (("body" !== s(r) || l(c)) && (d = r !== n(r) && i(r) ? { scrollLeft: r.scrollLeft, scrollTop: r.scrollTop } : o(r)), i(r) ? ((m = t(r)).x += r.clientLeft, m.y += r.clientTop) : c && (m.x = p(c))), { x: e.left + d.scrollLeft - m.x, y: e.top + d.scrollTop - m.y, width: e.width, height: e.height } } function d(e) { var n = t(e), o = e.offsetWidth, r = e.offsetHeight; return 1 >= Math.abs(n.width - o) && (o = n.width), 1 >= Math.abs(n.height - r) && (r = n.height), { x: e.offsetLeft, y: e.offsetTop, width: o, height: r } } function m(e) { return "html" === s(e) ? e : e.assignedSlot || e.parentNode || (a(e) ? e.host : null) || f(e) } function h(e) { return 0 <= ["html", "body", "#document"].indexOf(s(e)) ? e.ownerDocument.body : i(e) && l(e) ? e : h(m(e)) } function v(e, t) { var o; void 0 === t && (t = []); var r = h(e); return e = r === (null == (o = e.ownerDocument) ? void 0 : o.body), o = n(r), r = e ? [o].concat(o.visualViewport || [], l(r) ? r : []) : r, t = t.concat(r), e ? t : t.concat(v(m(r))) } function g(e) { return i(e) && "fixed" !== c(e).position ? e.offsetParent : null } function y(e) { for (var t = n(e), o = g(e); o && 0 <= ["table", "td", "th"].indexOf(s(o)) && "static" === c(o).position;)o = g(o); if (o && ("html" === s(o) || "body" === s(o) && "static" === c(o).position)) return t; if (!o) e: { for (o = -1 !== navigator.userAgent.toLowerCase().indexOf("firefox"), e = m(e); i(e) && 0 > ["html", "body"].indexOf(s(e));) { var r = c(e); if ("none" !== r.transform || "none" !== r.perspective || "paint" === r.contain || -1 !== ["transform", "perspective"].indexOf(r.willChange) || o && "filter" === r.willChange || o && r.filter && "none" !== r.filter) { o = e; break e } e = e.parentNode } o = null } return o || t } function b(e) { function t(e) { o.add(e.name), [].concat(e.requires || [], e.requiresIfExists || []).forEach((function (e) { o.has(e) || (e = n.get(e)) && t(e) })), r.push(e) } var n = new Map, o = new Set, r = []; return e.forEach((function (e) { n.set(e.name, e) })), e.forEach((function (e) { o.has(e.name) || t(e) })), r } function w(e) { var t; return function () { return t || (t = new Promise((function (n) { Promise.resolve().then((function () { t = void 0, n(e()) })) }))), t } } function x(e) { return e.split("-")[0] } function O(e, t) { var n = t.getRootNode && t.getRootNode(); if (e.contains(t)) return !0; if (n && a(n)) do { if (t && e.isSameNode(t)) return !0; t = t.parentNode || t.host } while (t); return !1 } function j(e) { return Object.assign({}, e, { left: e.x, top: e.y, right: e.x + e.width, bottom: e.y + e.height }) } function E(e, r) { if ("viewport" === r) { r = n(e); var a = f(e); r = r.visualViewport; var s = a.clientWidth; a = a.clientHeight; var l = 0, u = 0; r && (s = r.width, a = r.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (l = r.offsetLeft, u = r.offsetTop)), e = j(e = { width: s, height: a, x: l + p(e), y: u }) } else i(r) ? ((e = t(r)).top += r.clientTop, e.left += r.clientLeft, e.bottom = e.top + r.clientHeight, e.right = e.left + r.clientWidth, e.width = r.clientWidth, e.height = r.clientHeight, e.x = e.left, e.y = e.top) : (u = f(e), e = f(u), s = o(u), r = null == (a = u.ownerDocument) ? void 0 : a.body, a = _(e.scrollWidth, e.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), l = _(e.scrollHeight, e.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), u = -s.scrollLeft + p(u), s = -s.scrollTop, "rtl" === c(r || e).direction && (u += _(e.clientWidth, r ? r.clientWidth : 0) - a), e = j({ width: a, height: l, x: u, y: s })); return e } function D(e, t, n) { return t = "clippingParents" === t ? function (e) { var t = v(m(e)), n = 0 <= ["absolute", "fixed"].indexOf(c(e).position) && i(e) ? y(e) : e; return r(n) ? t.filter((function (e) { return r(e) && O(e, n) && "body" !== s(e) })) : [] }(e) : [].concat(t), (n = (n = [].concat(t, [n])).reduce((function (t, n) { return n = E(e, n), t.top = _(n.top, t.top), t.right = U(n.right, t.right), t.bottom = U(n.bottom, t.bottom), t.left = _(n.left, t.left), t }), E(e, n[0]))).width = n.right - n.left, n.height = n.bottom - n.top, n.x = n.left, n.y = n.top, n } function L(e) { return 0 <= ["top", "bottom"].indexOf(e) ? "x" : "y" } function P(e) { var t = e.reference, n = e.element, o = (e = e.placement) ? x(e) : null; e = e ? e.split("-")[1] : null; var r = t.x + t.width / 2 - n.width / 2, i = t.y + t.height / 2 - n.height / 2; switch (o) { case "top": r = { x: r, y: t.y - n.height }; break; case "bottom": r = { x: r, y: t.y + t.height }; break; case "right": r = { x: t.x + t.width, y: i }; break; case "left": r = { x: t.x - n.width, y: i }; break; default: r = { x: t.x, y: t.y } }if (null != (o = o ? L(o) : null)) switch (i = "y" === o ? "height" : "width", e) { case "start": r[o] -= t[i] / 2 - n[i] / 2; break; case "end": r[o] += t[i] / 2 - n[i] / 2 }return r } function M(e) { return Object.assign({}, { top: 0, right: 0, bottom: 0, left: 0 }, e) } function k(e, t) { return t.reduce((function (t, n) { return t[n] = e, t }), {}) } function W(e, n) { void 0 === n && (n = {}); var o = n; n = void 0 === (n = o.placement) ? e.placement : n; var i = o.boundary, a = void 0 === i ? "clippingParents" : i, s = void 0 === (i = o.rootBoundary) ? "viewport" : i; i = void 0 === (i = o.elementContext) ? "popper" : i; var p = o.altBoundary, c = void 0 !== p && p; o = M("number" != typeof (o = void 0 === (o = o.padding) ? 0 : o) ? o : k(o, C)); var l = e.elements.reference; p = e.rects.popper, a = D(r(c = e.elements[c ? "popper" === i ? "reference" : "popper" : i]) ? c : c.contextElement || f(e.elements.popper), a, s), c = P({ reference: s = t(l), element: p, strategy: "absolute", placement: n }), p = j(Object.assign({}, p, c)), s = "popper" === i ? p : s; var u = { top: a.top - s.top + o.top, bottom: s.bottom - a.bottom + o.bottom, left: a.left - s.left + o.left, right: s.right - a.right + o.right }; if (e = e.modifiersData.offset, "popper" === i && e) { var d = e[n]; Object.keys(u).forEach((function (e) { var t = 0 <= ["right", "bottom"].indexOf(e) ? 1 : -1, n = 0 <= ["top", "bottom"].indexOf(e) ? "y" : "x"; u[e] += d[n] * t })) } return u } function A() { for (var e = arguments.length, t = Array(e), n = 0; n < e; n++)t[n] = arguments[n]; return !t.some((function (e) { return !(e && "function" == typeof e.getBoundingClientRect) })) } function B(e) { void 0 === e && (e = {}); var t = e.defaultModifiers, n = void 0 === t ? [] : t, o = void 0 === (e = e.defaultOptions) ? F : e; return function (e, t, i) { function a() { f.forEach((function (e) { return e() })), f = [] } void 0 === i && (i = o); var s = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, F, o), modifiersData: {}, elements: { reference: e, popper: t }, attributes: {}, styles: {} }, f = [], p = !1, c = { state: s, setOptions: function (i) { return a(), s.options = Object.assign({}, o, s.options, i), s.scrollParents = { reference: r(e) ? v(e) : e.contextElement ? v(e.contextElement) : [], popper: v(t) }, i = function (e) { var t = b(e); return I.reduce((function (e, n) { return e.concat(t.filter((function (e) { return e.phase === n }))) }), []) }(function (e) { var t = e.reduce((function (e, t) { var n = e[t.name]; return e[t.name] = n ? Object.assign({}, n, t, { options: Object.assign({}, n.options, t.options), data: Object.assign({}, n.data, t.data) }) : t, e }), {}); return Object.keys(t).map((function (e) { return t[e] })) }([].concat(n, s.options.modifiers))), s.orderedModifiers = i.filter((function (e) { return e.enabled })), s.orderedModifiers.forEach((function (e) { var t = e.name, n = e.options; n = void 0 === n ? {} : n, "function" == typeof (e = e.effect) && (t = e({ state: s, name: t, instance: c, options: n }), f.push(t || function () { })) })), c.update() }, forceUpdate: function () { if (!p) { var e = s.elements, t = e.reference; if (A(t, e = e.popper)) for (s.rects = { reference: u(t, y(e), "fixed" === s.options.strategy), popper: d(e) }, s.reset = !1, s.placement = s.options.placement, s.orderedModifiers.forEach((function (e) { return s.modifiersData[e.name] = Object.assign({}, e.data) })), t = 0; t < s.orderedModifiers.length; t++)if (!0 === s.reset) s.reset = !1, t = -1; else { var n = s.orderedModifiers[t]; e = n.fn; var o = n.options; o = void 0 === o ? {} : o, n = n.name, "function" == typeof e && (s = e({ state: s, options: o, name: n, instance: c }) || s) } } }, update: w((function () { return new Promise((function (e) { c.forceUpdate(), e(s) })) })), destroy: function () { a(), p = !0 } }; return A(e, t) ? (c.setOptions(i).then((function (e) { !p && i.onFirstUpdate && i.onFirstUpdate(e) })), c) : c } } function T(e) { var t, o = e.popper, r = e.popperRect, i = e.placement, a = e.offsets, s = e.position, p = e.gpuAcceleration, l = e.adaptive; if (!0 === (e = e.roundOffsets)) { e = a.y; var u = window.devicePixelRatio || 1; e = { x: z(z(a.x * u) / u) || 0, y: z(z(e * u) / u) || 0 } } else e = "function" == typeof e ? e(a) : a; e = void 0 === (e = (u = e).x) ? 0 : e, u = void 0 === (u = u.y) ? 0 : u; var d = a.hasOwnProperty("x"); a = a.hasOwnProperty("y"); var m, h = "left", v = "top", g = window; if (l) { var b = y(o), w = "clientHeight", x = "clientWidth"; b === n(o) && ("static" !== c(b = f(o)).position && (w = "scrollHeight", x = "scrollWidth")), "top" === i && (v = "bottom", u -= b[w] - r.height, u *= p ? 1 : -1), "left" === i && (h = "right", e -= b[x] - r.width, e *= p ? 1 : -1) } return o = Object.assign({ position: s }, l && J), p ? Object.assign({}, o, ((m = {})[v] = a ? "0" : "", m[h] = d ? "0" : "", m.transform = 2 > (g.devicePixelRatio || 1) ? "translate(" + e + "px, " + u + "px)" : "translate3d(" + e + "px, " + u + "px, 0)", m)) : Object.assign({}, o, ((t = {})[v] = a ? u + "px" : "", t[h] = d ? e + "px" : "", t.transform = "", t)) } function H(e) { return e.replace(/left|right|bottom|top/g, (function (e) { return $[e] })) } function R(e) { return e.replace(/start|end/g, (function (e) { return ee[e] })) } function S(e, t, n) { return void 0 === n && (n = { x: 0, y: 0 }), { top: e.top - t.height - n.y, right: e.right - t.width + n.x, bottom: e.bottom - t.height + n.y, left: e.left - t.width - n.x } } function q(e) { return ["top", "right", "bottom", "left"].some((function (t) { return 0 <= e[t] })) } var C = ["top", "bottom", "right", "left"], N = C.reduce((function (e, t) { return e.concat([t + "-start", t + "-end"]) }), []), V = [].concat(C, ["auto"]).reduce((function (e, t) { return e.concat([t, t + "-start", t + "-end"]) }), []), I = "beforeRead read afterRead beforeMain main afterMain beforeWrite write afterWrite".split(" "), _ = Math.max, U = Math.min, z = Math.round, F = { placement: "bottom", modifiers: [], strategy: "absolute" }, X = { passive: !0 }, Y = { name: "eventListeners", enabled: !0, phase: "write", fn: function () { }, effect: function (e) { var t = e.state, o = e.instance, r = (e = e.options).scroll, i = void 0 === r || r, a = void 0 === (e = e.resize) || e, s = n(t.elements.popper), f = [].concat(t.scrollParents.reference, t.scrollParents.popper); return i && f.forEach((function (e) { e.addEventListener("scroll", o.update, X) })), a && s.addEventListener("resize", o.update, X), function () { i && f.forEach((function (e) { e.removeEventListener("scroll", o.update, X) })), a && s.removeEventListener("resize", o.update, X) } }, data: {} }, G = { name: "popperOffsets", enabled: !0, phase: "read", fn: function (e) { var t = e.state; t.modifiersData[e.name] = P({ reference: t.rects.reference, element: t.rects.popper, strategy: "absolute", placement: t.placement }) }, data: {} }, J = { top: "auto", right: "auto", bottom: "auto", left: "auto" }, K = { name: "computeStyles", enabled: !0, phase: "beforeWrite", fn: function (e) { var t = e.state, n = e.options; e = void 0 === (e = n.gpuAcceleration) || e; var o = n.adaptive; o = void 0 === o || o, n = void 0 === (n = n.roundOffsets) || n, e = { placement: x(t.placement), popper: t.elements.popper, popperRect: t.rects.popper, gpuAcceleration: e }, null != t.modifiersData.popperOffsets && (t.styles.popper = Object.assign({}, t.styles.popper, T(Object.assign({}, e, { offsets: t.modifiersData.popperOffsets, position: t.options.strategy, adaptive: o, roundOffsets: n })))), null != t.modifiersData.arrow && (t.styles.arrow = Object.assign({}, t.styles.arrow, T(Object.assign({}, e, { offsets: t.modifiersData.arrow, position: "absolute", adaptive: !1, roundOffsets: n })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-placement": t.placement }) }, data: {} }, Q = { name: "applyStyles", enabled: !0, phase: "write", fn: function (e) { var t = e.state; Object.keys(t.elements).forEach((function (e) { var n = t.styles[e] || {}, o = t.attributes[e] || {}, r = t.elements[e]; i(r) && s(r) && (Object.assign(r.style, n), Object.keys(o).forEach((function (e) { var t = o[e]; !1 === t ? r.removeAttribute(e) : r.setAttribute(e, !0 === t ? "" : t) }))) })) }, effect: function (e) { var t = e.state, n = { popper: { position: t.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} }; return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function () { Object.keys(t.elements).forEach((function (e) { var o = t.elements[e], r = t.attributes[e] || {}; e = Object.keys(t.styles.hasOwnProperty(e) ? t.styles[e] : n[e]).reduce((function (e, t) { return e[t] = "", e }), {}), i(o) && s(o) && (Object.assign(o.style, e), Object.keys(r).forEach((function (e) { o.removeAttribute(e) }))) })) } }, requires: ["computeStyles"] }, Z = { name: "offset", enabled: !0, phase: "main", requires: ["popperOffsets"], fn: function (e) { var t = e.state, n = e.name, o = void 0 === (e = e.options.offset) ? [0, 0] : e, r = (e = V.reduce((function (e, n) { var r = t.rects, i = x(n), a = 0 <= ["left", "top"].indexOf(i) ? -1 : 1, s = "function" == typeof o ? o(Object.assign({}, r, { placement: n })) : o; return r = (r = s[0]) || 0, s = ((s = s[1]) || 0) * a, i = 0 <= ["left", "right"].indexOf(i) ? { x: s, y: r } : { x: r, y: s }, e[n] = i, e }), {}))[t.placement], i = r.x; r = r.y, null != t.modifiersData.popperOffsets && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += r), t.modifiersData[n] = e } }, $ = { left: "right", right: "left", bottom: "top", top: "bottom" }, ee = { start: "end", end: "start" }, te = { name: "flip", enabled: !0, phase: "main", fn: function (e) { var t = e.state, n = e.options; if (e = e.name, !t.modifiersData[e]._skip) { var o = n.mainAxis; o = void 0 === o || o; var r = n.altAxis; r = void 0 === r || r; var i = n.fallbackPlacements, a = n.padding, s = n.boundary, f = n.rootBoundary, p = n.altBoundary, c = n.flipVariations, l = void 0 === c || c, u = n.allowedAutoPlacements; c = x(n = t.options.placement), i = i || (c !== n && l ? function (e) { if ("auto" === x(e)) return []; var t = H(e); return [R(e), t, R(t)] }(n) : [H(n)]); var d = [n].concat(i).reduce((function (e, n) { return e.concat("auto" === x(n) ? function (e, t) { void 0 === t && (t = {}); var n = t.boundary, o = t.rootBoundary, r = t.padding, i = t.flipVariations, a = t.allowedAutoPlacements, s = void 0 === a ? V : a, f = t.placement.split("-")[1]; 0 === (i = (t = f ? i ? N : N.filter((function (e) { return e.split("-")[1] === f })) : C).filter((function (e) { return 0 <= s.indexOf(e) }))).length && (i = t); var p = i.reduce((function (t, i) { return t[i] = W(e, { placement: i, boundary: n, rootBoundary: o, padding: r })[x(i)], t }), {}); return Object.keys(p).sort((function (e, t) { return p[e] - p[t] })) }(t, { placement: n, boundary: s, rootBoundary: f, padding: a, flipVariations: l, allowedAutoPlacements: u }) : n) }), []); n = t.rects.reference, i = t.rects.popper; var m = new Map; c = !0; for (var h = d[0], v = 0; v < d.length; v++) { var g = d[v], y = x(g), b = "start" === g.split("-")[1], w = 0 <= ["top", "bottom"].indexOf(y), O = w ? "width" : "height", j = W(t, { placement: g, boundary: s, rootBoundary: f, altBoundary: p, padding: a }); if (b = w ? b ? "right" : "left" : b ? "bottom" : "top", n[O] > i[O] && (b = H(b)), O = H(b), w = [], o && w.push(0 >= j[y]), r && w.push(0 >= j[b], 0 >= j[O]), w.every((function (e) { return e }))) { h = g, c = !1; break } m.set(g, w) } if (c) for (o = function (e) { var t = d.find((function (t) { if (t = m.get(t)) return t.slice(0, e).every((function (e) { return e })) })); if (t) return h = t, "break" }, r = l ? 3 : 1; 0 < r && "break" !== o(r); r--); t.placement !== h && (t.modifiersData[e]._skip = !0, t.placement = h, t.reset = !0) } }, requiresIfExists: ["offset"], data: { _skip: !1 } }, ne = { name: "preventOverflow", enabled: !0, phase: "main", fn: function (e) { var t = e.state, n = e.options; e = e.name; var o = n.mainAxis, r = void 0 === o || o, i = void 0 !== (o = n.altAxis) && o; o = void 0 === (o = n.tether) || o; var a = n.tetherOffset, s = void 0 === a ? 0 : a, f = W(t, { boundary: n.boundary, rootBoundary: n.rootBoundary, padding: n.padding, altBoundary: n.altBoundary }); n = x(t.placement); var p = t.placement.split("-")[1], c = !p, l = L(n); n = "x" === l ? "y" : "x", a = t.modifiersData.popperOffsets; var u = t.rects.reference, m = t.rects.popper, h = "function" == typeof s ? s(Object.assign({}, t.rects, { placement: t.placement })) : s; if (s = { x: 0, y: 0 }, a) { if (r || i) { var v = "y" === l ? "top" : "left", g = "y" === l ? "bottom" : "right", b = "y" === l ? "height" : "width", w = a[l], O = a[l] + f[v], j = a[l] - f[g], E = o ? -m[b] / 2 : 0, D = "start" === p ? u[b] : m[b]; p = "start" === p ? -m[b] : -u[b], m = t.elements.arrow, m = o && m ? d(m) : { width: 0, height: 0 }; var P = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : { top: 0, right: 0, bottom: 0, left: 0 }; v = P[v], g = P[g], m = _(0, U(u[b], m[b])), D = c ? u[b] / 2 - E - m - v - h : D - m - v - h, u = c ? -u[b] / 2 + E + m + g + h : p + m + g + h, c = t.elements.arrow && y(t.elements.arrow), h = t.modifiersData.offset ? t.modifiersData.offset[t.placement][l] : 0, c = a[l] + D - h - (c ? "y" === l ? c.clientTop || 0 : c.clientLeft || 0 : 0), u = a[l] + u - h, r && (r = o ? U(O, c) : O, j = o ? _(j, u) : j, r = _(r, U(w, j)), a[l] = r, s[l] = r - w), i && (r = (i = a[n]) + f["x" === l ? "top" : "left"], f = i - f["x" === l ? "bottom" : "right"], r = o ? U(r, c) : r, o = o ? _(f, u) : f, o = _(r, U(i, o)), a[n] = o, s[n] = o - i) } t.modifiersData[e] = s } }, requiresIfExists: ["offset"] }, oe = { name: "arrow", enabled: !0, phase: "main", fn: function (e) { var t, n = e.state, o = e.name, r = e.options, i = n.elements.arrow, a = n.modifiersData.popperOffsets, s = x(n.placement); if (e = L(s), s = 0 <= ["left", "right"].indexOf(s) ? "height" : "width", i && a) { r = M("number" != typeof (r = "function" == typeof (r = r.padding) ? r(Object.assign({}, n.rects, { placement: n.placement })) : r) ? r : k(r, C)); var f = d(i), p = "y" === e ? "top" : "left", c = "y" === e ? "bottom" : "right", l = n.rects.reference[s] + n.rects.reference[e] - a[e] - n.rects.popper[s]; a = a[e] - n.rects.reference[e], a = (i = (i = y(i)) ? "y" === e ? i.clientHeight || 0 : i.clientWidth || 0 : 0) / 2 - f[s] / 2 + (l / 2 - a / 2), s = _(r[p], U(a, i - f[s] - r[c])), n.modifiersData[o] = ((t = {})[e] = s, t.centerOffset = s - a, t) } }, effect: function (e) { var t = e.state; if (null != (e = void 0 === (e = e.options.element) ? "[data-popper-arrow]" : e)) { if ("string" == typeof e && !(e = t.elements.popper.querySelector(e))) return; O(t.elements.popper, e) && (t.elements.arrow = e) } }, requires: ["popperOffsets"], requiresIfExists: ["preventOverflow"] }, re = { name: "hide", enabled: !0, phase: "main", requiresIfExists: ["preventOverflow"], fn: function (e) { var t = e.state; e = e.name; var n = t.rects.reference, o = t.rects.popper, r = t.modifiersData.preventOverflow, i = W(t, { elementContext: "reference" }), a = W(t, { altBoundary: !0 }); n = S(i, n), o = S(a, o, r), r = q(n), a = q(o), t.modifiersData[e] = { referenceClippingOffsets: n, popperEscapeOffsets: o, isReferenceHidden: r, hasPopperEscaped: a }, t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-reference-hidden": r, "data-popper-escaped": a }) } }, ie = B({ defaultModifiers: [Y, G, K, Q] }), ae = [Y, G, K, Q, Z, te, ne, oe, re], se = B({ defaultModifiers: ae }); e.applyStyles = Q, e.arrow = oe, e.computeStyles = K, e.createPopper = se, e.createPopperLite = ie, e.defaultModifiers = ae, e.detectOverflow = W, e.eventListeners = Y, e.flip = te, e.hide = re, e.offset = Z, e.popperGenerator = B, e.popperOffsets = G, e.preventOverflow = ne, Object.defineProperty(e, "__esModule", { value: !0 }) })); +!function (t, e) { "object" == typeof exports && "undefined" != typeof module ? module.exports = e(require("@popperjs/core")) : "function" == typeof define && define.amd ? define(["@popperjs/core"], e) : (t = t || self).tippy = e(t.Popper) }(this, (function (t) { "use strict"; var e = "undefined" != typeof window && "undefined" != typeof document, n = e ? navigator.userAgent : "", r = /MSIE |Trident\//.test(n), i = { passive: !0, capture: !0 }; function o(t, e, n) { if (Array.isArray(t)) { var r = t[e]; return null == r ? Array.isArray(n) ? n[e] : n : r } return t } function a(t, e) { var n = {}.toString.call(t); return 0 === n.indexOf("[object") && n.indexOf(e + "]") > -1 } function s(t, e) { return "function" == typeof t ? t.apply(void 0, e) : t } function p(t, e) { return 0 === e ? t : function (r) { clearTimeout(n), n = setTimeout((function () { t(r) }), e) }; var n } function u(t, e) { var n = Object.assign({}, t); return e.forEach((function (t) { delete n[t] })), n } function c(t) { return [].concat(t) } function f(t, e) { -1 === t.indexOf(e) && t.push(e) } function l(t) { return t.split("-")[0] } function d(t) { return [].slice.call(t) } function v() { return document.createElement("div") } function m(t) { return ["Element", "Fragment"].some((function (e) { return a(t, e) })) } function g(t) { return a(t, "MouseEvent") } function h(t) { return !(!t || !t._tippy || t._tippy.reference !== t) } function b(t) { return m(t) ? [t] : function (t) { return a(t, "NodeList") }(t) ? d(t) : Array.isArray(t) ? t : d(document.querySelectorAll(t)) } function y(t, e) { t.forEach((function (t) { t && (t.style.transitionDuration = e + "ms") })) } function w(t, e) { t.forEach((function (t) { t && t.setAttribute("data-state", e) })) } function x(t) { var e, n = c(t)[0]; return (null == n || null == (e = n.ownerDocument) ? void 0 : e.body) ? n.ownerDocument : document } function E(t, e, n) { var r = e + "EventListener";["transitionend", "webkitTransitionEnd"].forEach((function (e) { t[r](e, n) })) } var O = { isTouch: !1 }, C = 0; function T() { O.isTouch || (O.isTouch = !0, window.performance && document.addEventListener("mousemove", A)) } function A() { var t = performance.now(); t - C < 20 && (O.isTouch = !1, document.removeEventListener("mousemove", A)), C = t } function L() { var t = document.activeElement; if (h(t)) { var e = t._tippy; t.blur && !e.state.isVisible && t.blur() } } var D = Object.assign({ appendTo: function () { return document.body }, aria: { content: "auto", expanded: "auto" }, delay: 0, duration: [300, 250], getReferenceClientRect: null, hideOnClick: !0, ignoreAttributes: !1, interactive: !1, interactiveBorder: 2, interactiveDebounce: 0, moveTransition: "", offset: [0, 10], onAfterUpdate: function () { }, onBeforeUpdate: function () { }, onCreate: function () { }, onDestroy: function () { }, onHidden: function () { }, onHide: function () { }, onMount: function () { }, onShow: function () { }, onShown: function () { }, onTrigger: function () { }, onUntrigger: function () { }, onClickOutside: function () { }, placement: "top", plugins: [], popperOptions: {}, render: null, showOnCreate: !1, touch: !0, trigger: "mouseenter focus", triggerTarget: null }, { animateFill: !1, followCursor: !1, inlinePositioning: !1, sticky: !1 }, {}, { allowHTML: !1, animation: "fade", arrow: !0, content: "", inertia: !1, maxWidth: 350, role: "tooltip", theme: "", zIndex: 9999 }), k = Object.keys(D); function R(t) { var e = (t.plugins || []).reduce((function (e, n) { var r = n.name, i = n.defaultValue; return r && (e[r] = void 0 !== t[r] ? t[r] : i), e }), {}); return Object.assign({}, t, {}, e) } function j(t, e) { var n = Object.assign({}, e, { content: s(e.content, [t]) }, e.ignoreAttributes ? {} : function (t, e) { return (e ? Object.keys(R(Object.assign({}, D, { plugins: e }))) : k).reduce((function (e, n) { var r = (t.getAttribute("data-tippy-" + n) || "").trim(); if (!r) return e; if ("content" === n) e[n] = r; else try { e[n] = JSON.parse(r) } catch (t) { e[n] = r } return e }), {}) }(t, e.plugins)); return n.aria = Object.assign({}, D.aria, {}, n.aria), n.aria = { expanded: "auto" === n.aria.expanded ? e.interactive : n.aria.expanded, content: "auto" === n.aria.content ? e.interactive ? null : "describedby" : n.aria.content }, n } function M(t, e) { t.innerHTML = e } function P(t) { var e = v(); return !0 === t ? e.className = "tippy-arrow" : (e.className = "tippy-svg-arrow", m(t) ? e.appendChild(t) : M(e, t)), e } function V(t, e) { m(e.content) ? (M(t, ""), t.appendChild(e.content)) : "function" != typeof e.content && (e.allowHTML ? M(t, e.content) : t.textContent = e.content) } function I(t) { var e = t.firstElementChild, n = d(e.children); return { box: e, content: n.find((function (t) { return t.classList.contains("tippy-content") })), arrow: n.find((function (t) { return t.classList.contains("tippy-arrow") || t.classList.contains("tippy-svg-arrow") })), backdrop: n.find((function (t) { return t.classList.contains("tippy-backdrop") })) } } function S(t) { var e = v(), n = v(); n.className = "tippy-box", n.setAttribute("data-state", "hidden"), n.setAttribute("tabindex", "-1"); var r = v(); function i(n, r) { var i = I(e), o = i.box, a = i.content, s = i.arrow; r.theme ? o.setAttribute("data-theme", r.theme) : o.removeAttribute("data-theme"), "string" == typeof r.animation ? o.setAttribute("data-animation", r.animation) : o.removeAttribute("data-animation"), r.inertia ? o.setAttribute("data-inertia", "") : o.removeAttribute("data-inertia"), o.style.maxWidth = "number" == typeof r.maxWidth ? r.maxWidth + "px" : r.maxWidth, r.role ? o.setAttribute("role", r.role) : o.removeAttribute("role"), n.content === r.content && n.allowHTML === r.allowHTML || V(a, t.props), r.arrow ? s ? n.arrow !== r.arrow && (o.removeChild(s), o.appendChild(P(r.arrow))) : o.appendChild(P(r.arrow)) : s && o.removeChild(s) } return r.className = "tippy-content", r.setAttribute("data-state", "hidden"), V(r, t.props), e.appendChild(n), n.appendChild(r), i(t.props, t.props), { popper: e, onUpdate: i } } S.$$tippy = !0; var B = 1, H = [], N = []; function U(e, n) { var a, u, m, h, b, C, T, A, L, k = j(e, Object.assign({}, D, {}, R((a = n, Object.keys(a).reduce((function (t, e) { return void 0 !== a[e] && (t[e] = a[e]), t }), {}))))), M = !1, P = !1, V = !1, S = !1, U = [], _ = p(bt, k.interactiveDebounce), z = B++, F = (L = k.plugins).filter((function (t, e) { return L.indexOf(t) === e })), W = { id: z, reference: e, popper: v(), popperInstance: null, props: k, state: { isEnabled: !0, isVisible: !1, isDestroyed: !1, isMounted: !1, isShown: !1 }, plugins: F, clearDelayTimeouts: function () { clearTimeout(u), clearTimeout(m), cancelAnimationFrame(h) }, setProps: function (t) { if (W.state.isDestroyed) return; it("onBeforeUpdate", [W, t]), gt(); var n = W.props, r = j(e, Object.assign({}, W.props, {}, t, { ignoreAttributes: !0 })); W.props = r, mt(), n.interactiveDebounce !== r.interactiveDebounce && (st(), _ = p(bt, r.interactiveDebounce)); n.triggerTarget && !r.triggerTarget ? c(n.triggerTarget).forEach((function (t) { t.removeAttribute("aria-expanded") })) : r.triggerTarget && e.removeAttribute("aria-expanded"); at(), rt(), q && q(n, r); W.popperInstance && (Et(), Ct().forEach((function (t) { requestAnimationFrame(t._tippy.popperInstance.forceUpdate) }))); it("onAfterUpdate", [W, t]) }, setContent: function (t) { W.setProps({ content: t }) }, show: function () { var t = W.state.isVisible, e = W.state.isDestroyed, n = !W.state.isEnabled, r = O.isTouch && !W.props.touch, i = o(W.props.duration, 0, D.duration); if (t || e || n || r) return; if (Z().hasAttribute("disabled")) return; if (it("onShow", [W], !1), !1 === W.props.onShow(W)) return; W.state.isVisible = !0, Q() && (Y.style.visibility = "visible"); rt(), ft(), W.state.isMounted || (Y.style.transition = "none"); if (Q()) { var a = et(), p = a.box, u = a.content; y([p, u], 0) } T = function () { var t; if (W.state.isVisible && !S) { if (S = !0, Y.offsetHeight, Y.style.transition = W.props.moveTransition, Q() && W.props.animation) { var e = et(), n = e.box, r = e.content; y([n, r], i), w([n, r], "visible") } ot(), at(), f(N, W), null == (t = W.popperInstance) || t.forceUpdate(), W.state.isMounted = !0, it("onMount", [W]), W.props.animation && Q() && function (t, e) { dt(t, e) }(i, (function () { W.state.isShown = !0, it("onShown", [W]) })) } }, function () { var t, e = W.props.appendTo, n = Z(); t = W.props.interactive && e === D.appendTo || "parent" === e ? n.parentNode : s(e, [n]); t.contains(Y) || t.appendChild(Y); Et() }() }, hide: function () { var t = !W.state.isVisible, e = W.state.isDestroyed, n = !W.state.isEnabled, r = o(W.props.duration, 1, D.duration); if (t || e || n) return; if (it("onHide", [W], !1), !1 === W.props.onHide(W)) return; W.state.isVisible = !1, W.state.isShown = !1, S = !1, M = !1, Q() && (Y.style.visibility = "hidden"); if (st(), lt(), rt(), Q()) { var i = et(), a = i.box, s = i.content; W.props.animation && (y([a, s], r), w([a, s], "hidden")) } ot(), at(), W.props.animation ? Q() && function (t, e) { dt(t, (function () { !W.state.isVisible && Y.parentNode && Y.parentNode.contains(Y) && e() })) }(r, W.unmount) : W.unmount() }, hideWithInteractivity: function (t) { tt().addEventListener("mousemove", _), f(H, _), _(t) }, enable: function () { W.state.isEnabled = !0 }, disable: function () { W.hide(), W.state.isEnabled = !1 }, unmount: function () { W.state.isVisible && W.hide(); if (!W.state.isMounted) return; Ot(), Ct().forEach((function (t) { t._tippy.unmount() })), Y.parentNode && Y.parentNode.removeChild(Y); N = N.filter((function (t) { return t !== W })), W.state.isMounted = !1, it("onHidden", [W]) }, destroy: function () { if (W.state.isDestroyed) return; W.clearDelayTimeouts(), W.unmount(), gt(), delete e._tippy, W.state.isDestroyed = !0, it("onDestroy", [W]) } }; if (!k.render) return W; var X = k.render(W), Y = X.popper, q = X.onUpdate; Y.setAttribute("data-tippy-root", ""), Y.id = "tippy-" + W.id, W.popper = Y, e._tippy = W, Y._tippy = W; var $ = F.map((function (t) { return t.fn(W) })), J = e.hasAttribute("aria-expanded"); return mt(), at(), rt(), it("onCreate", [W]), k.showOnCreate && Tt(), Y.addEventListener("mouseenter", (function () { W.props.interactive && W.state.isVisible && W.clearDelayTimeouts() })), Y.addEventListener("mouseleave", (function (t) { W.props.interactive && W.props.trigger.indexOf("mouseenter") >= 0 && (tt().addEventListener("mousemove", _), _(t)) })), W; function G() { var t = W.props.touch; return Array.isArray(t) ? t : [t, 0] } function K() { return "hold" === G()[0] } function Q() { var t; return !!(null == (t = W.props.render) ? void 0 : t.$$tippy) } function Z() { return A || e } function tt() { var t = Z().parentNode; return t ? x(t) : document } function et() { return I(Y) } function nt(t) { return W.state.isMounted && !W.state.isVisible || O.isTouch || b && "focus" === b.type ? 0 : o(W.props.delay, t ? 0 : 1, D.delay) } function rt() { Y.style.pointerEvents = W.props.interactive && W.state.isVisible ? "" : "none", Y.style.zIndex = "" + W.props.zIndex } function it(t, e, n) { var r; (void 0 === n && (n = !0), $.forEach((function (n) { n[t] && n[t].apply(void 0, e) })), n) && (r = W.props)[t].apply(r, e) } function ot() { var t = W.props.aria; if (t.content) { var n = "aria-" + t.content, r = Y.id; c(W.props.triggerTarget || e).forEach((function (t) { var e = t.getAttribute(n); if (W.state.isVisible) t.setAttribute(n, e ? e + " " + r : r); else { var i = e && e.replace(r, "").trim(); i ? t.setAttribute(n, i) : t.removeAttribute(n) } })) } } function at() { !J && W.props.aria.expanded && c(W.props.triggerTarget || e).forEach((function (t) { W.props.interactive ? t.setAttribute("aria-expanded", W.state.isVisible && t === Z() ? "true" : "false") : t.removeAttribute("aria-expanded") })) } function st() { tt().removeEventListener("mousemove", _), H = H.filter((function (t) { return t !== _ })) } function pt(t) { if (!(O.isTouch && (V || "mousedown" === t.type) || W.props.interactive && Y.contains(t.target))) { if (Z().contains(t.target)) { if (O.isTouch) return; if (W.state.isVisible && W.props.trigger.indexOf("click") >= 0) return } else it("onClickOutside", [W, t]); !0 === W.props.hideOnClick && (W.clearDelayTimeouts(), W.hide(), P = !0, setTimeout((function () { P = !1 })), W.state.isMounted || lt()) } } function ut() { V = !0 } function ct() { V = !1 } function ft() { var t = tt(); t.addEventListener("mousedown", pt, !0), t.addEventListener("touchend", pt, i), t.addEventListener("touchstart", ct, i), t.addEventListener("touchmove", ut, i) } function lt() { var t = tt(); t.removeEventListener("mousedown", pt, !0), t.removeEventListener("touchend", pt, i), t.removeEventListener("touchstart", ct, i), t.removeEventListener("touchmove", ut, i) } function dt(t, e) { var n = et().box; function r(t) { t.target === n && (E(n, "remove", r), e()) } if (0 === t) return e(); E(n, "remove", C), E(n, "add", r), C = r } function vt(t, n, r) { void 0 === r && (r = !1), c(W.props.triggerTarget || e).forEach((function (e) { e.addEventListener(t, n, r), U.push({ node: e, eventType: t, handler: n, options: r }) })) } function mt() { var t; K() && (vt("touchstart", ht, { passive: !0 }), vt("touchend", yt, { passive: !0 })), (t = W.props.trigger, t.split(/\s+/).filter(Boolean)).forEach((function (t) { if ("manual" !== t) switch (vt(t, ht), t) { case "mouseenter": vt("mouseleave", yt); break; case "focus": vt(r ? "focusout" : "blur", wt); break; case "focusin": vt("focusout", wt) } })) } function gt() { U.forEach((function (t) { var e = t.node, n = t.eventType, r = t.handler, i = t.options; e.removeEventListener(n, r, i) })), U = [] } function ht(t) { var e, n = !1; if (W.state.isEnabled && !xt(t) && !P) { var r = "focus" === (null == (e = b) ? void 0 : e.type); b = t, A = t.currentTarget, at(), !W.state.isVisible && g(t) && H.forEach((function (e) { return e(t) })), "click" === t.type && (W.props.trigger.indexOf("mouseenter") < 0 || M) && !1 !== W.props.hideOnClick && W.state.isVisible ? n = !0 : Tt(t), "click" === t.type && (M = !n), n && !r && At(t) } } function bt(t) { var e = t.target, n = Z().contains(e) || Y.contains(e); "mousemove" === t.type && n || function (t, e) { var n = e.clientX, r = e.clientY; return t.every((function (t) { var e = t.popperRect, i = t.popperState, o = t.props.interactiveBorder, a = l(i.placement), s = i.modifiersData.offset; if (!s) return !0; var p = "bottom" === a ? s.top.y : 0, u = "top" === a ? s.bottom.y : 0, c = "right" === a ? s.left.x : 0, f = "left" === a ? s.right.x : 0, d = e.top - r + p > o, v = r - e.bottom - u > o, m = e.left - n + c > o, g = n - e.right - f > o; return d || v || m || g })) }(Ct().concat(Y).map((function (t) { var e, n = null == (e = t._tippy.popperInstance) ? void 0 : e.state; return n ? { popperRect: t.getBoundingClientRect(), popperState: n, props: k } : null })).filter(Boolean), t) && (st(), At(t)) } function yt(t) { xt(t) || W.props.trigger.indexOf("click") >= 0 && M || (W.props.interactive ? W.hideWithInteractivity(t) : At(t)) } function wt(t) { W.props.trigger.indexOf("focusin") < 0 && t.target !== Z() || W.props.interactive && t.relatedTarget && Y.contains(t.relatedTarget) || At(t) } function xt(t) { return !!O.isTouch && K() !== t.type.indexOf("touch") >= 0 } function Et() { Ot(); var n = W.props, r = n.popperOptions, i = n.placement, o = n.offset, a = n.getReferenceClientRect, s = n.moveTransition, p = Q() ? I(Y).arrow : null, u = a ? { getBoundingClientRect: a, contextElement: a.contextElement || Z() } : e, c = [{ name: "offset", options: { offset: o } }, { name: "preventOverflow", options: { padding: { top: 2, bottom: 2, left: 5, right: 5 } } }, { name: "flip", options: { padding: 5 } }, { name: "computeStyles", options: { adaptive: !s } }, { name: "$$tippy", enabled: !0, phase: "beforeWrite", requires: ["computeStyles"], fn: function (t) { var e = t.state; if (Q()) { var n = et().box;["placement", "reference-hidden", "escaped"].forEach((function (t) { "placement" === t ? n.setAttribute("data-placement", e.placement) : e.attributes.popper["data-popper-" + t] ? n.setAttribute("data-" + t, "") : n.removeAttribute("data-" + t) })), e.attributes.popper = {} } } }]; Q() && p && c.push({ name: "arrow", options: { element: p, padding: 3 } }), c.push.apply(c, (null == r ? void 0 : r.modifiers) || []), W.popperInstance = t.createPopper(u, Y, Object.assign({}, r, { placement: i, onFirstUpdate: T, modifiers: c })) } function Ot() { W.popperInstance && (W.popperInstance.destroy(), W.popperInstance = null) } function Ct() { return d(Y.querySelectorAll("[data-tippy-root]")) } function Tt(t) { W.clearDelayTimeouts(), t && it("onTrigger", [W, t]), ft(); var e = nt(!0), n = G(), r = n[0], i = n[1]; O.isTouch && "hold" === r && i && (e = i), e ? u = setTimeout((function () { W.show() }), e) : W.show() } function At(t) { if (W.clearDelayTimeouts(), it("onUntrigger", [W, t]), W.state.isVisible) { if (!(W.props.trigger.indexOf("mouseenter") >= 0 && W.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(t.type) >= 0 && M)) { var e = nt(!1); e ? m = setTimeout((function () { W.state.isVisible && W.hide() }), e) : h = requestAnimationFrame((function () { W.hide() })) } } else lt() } } function _(t, e) { void 0 === e && (e = {}); var n = D.plugins.concat(e.plugins || []); document.addEventListener("touchstart", T, i), window.addEventListener("blur", L); var r = Object.assign({}, e, { plugins: n }), o = b(t).reduce((function (t, e) { var n = e && U(e, r); return n && t.push(n), t }), []); return m(t) ? o[0] : o } _.defaultProps = D, _.setDefaultProps = function (t) { Object.keys(t).forEach((function (e) { D[e] = t[e] })) }, _.currentInput = O; var z = Object.assign({}, t.applyStyles, { effect: function (t) { var e = t.state, n = { popper: { position: e.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} }; Object.assign(e.elements.popper.style, n.popper), e.styles = n, e.elements.arrow && Object.assign(e.elements.arrow.style, n.arrow) } }), F = { mouseover: "mouseenter", focusin: "focus", click: "click" }; var W = { name: "animateFill", defaultValue: !1, fn: function (t) { var e; if (!(null == (e = t.props.render) ? void 0 : e.$$tippy)) return {}; var n = I(t.popper), r = n.box, i = n.content, o = t.props.animateFill ? function () { var t = v(); return t.className = "tippy-backdrop", w([t], "hidden"), t }() : null; return { onCreate: function () { o && (r.insertBefore(o, r.firstElementChild), r.setAttribute("data-animatefill", ""), r.style.overflow = "hidden", t.setProps({ arrow: !1, animation: "shift-away" })) }, onMount: function () { if (o) { var t = r.style.transitionDuration, e = Number(t.replace("ms", "")); i.style.transitionDelay = Math.round(e / 10) + "ms", o.style.transitionDuration = t, w([o], "visible") } }, onShow: function () { o && (o.style.transitionDuration = "0ms") }, onHide: function () { o && w([o], "hidden") } } } }; var X = { clientX: 0, clientY: 0 }, Y = []; function q(t) { var e = t.clientX, n = t.clientY; X = { clientX: e, clientY: n } } var $ = { name: "followCursor", defaultValue: !1, fn: function (t) { var e = t.reference, n = x(t.props.triggerTarget || e), r = !1, i = !1, o = !0, a = t.props; function s() { return "initial" === t.props.followCursor && t.state.isVisible } function p() { n.addEventListener("mousemove", f) } function u() { n.removeEventListener("mousemove", f) } function c() { r = !0, t.setProps({ getReferenceClientRect: null }), r = !1 } function f(n) { var r = !n.target || e.contains(n.target), i = t.props.followCursor, o = n.clientX, a = n.clientY, s = e.getBoundingClientRect(), p = o - s.left, u = a - s.top; !r && t.props.interactive || t.setProps({ getReferenceClientRect: function () { var t = e.getBoundingClientRect(), n = o, r = a; "initial" === i && (n = t.left + p, r = t.top + u); var s = "horizontal" === i ? t.top : r, c = "vertical" === i ? t.right : n, f = "horizontal" === i ? t.bottom : r, l = "vertical" === i ? t.left : n; return { width: c - l, height: f - s, top: s, right: c, bottom: f, left: l } } }) } function l() { t.props.followCursor && (Y.push({ instance: t, doc: n }), function (t) { t.addEventListener("mousemove", q) }(n)) } function d() { 0 === (Y = Y.filter((function (e) { return e.instance !== t }))).filter((function (t) { return t.doc === n })).length && function (t) { t.removeEventListener("mousemove", q) }(n) } return { onCreate: l, onDestroy: d, onBeforeUpdate: function () { a = t.props }, onAfterUpdate: function (e, n) { var o = n.followCursor; r || void 0 !== o && a.followCursor !== o && (d(), o ? (l(), !t.state.isMounted || i || s() || p()) : (u(), c())) }, onMount: function () { t.props.followCursor && !i && (o && (f(X), o = !1), s() || p()) }, onTrigger: function (t, e) { g(e) && (X = { clientX: e.clientX, clientY: e.clientY }), i = "focus" === e.type }, onHidden: function () { t.props.followCursor && (c(), u(), o = !0) } } } }; var J = { name: "inlinePositioning", defaultValue: !1, fn: function (t) { var e, n = t.reference; var r = -1, i = !1, o = { name: "tippyInlinePositioning", enabled: !0, phase: "afterWrite", fn: function (i) { var o = i.state; t.props.inlinePositioning && (e !== o.placement && t.setProps({ getReferenceClientRect: function () { return function (t) { return function (t, e, n, r) { if (n.length < 2 || null === t) return e; if (2 === n.length && r >= 0 && n[0].left > n[1].right) return n[r] || e; switch (t) { case "top": case "bottom": var i = n[0], o = n[n.length - 1], a = "top" === t, s = i.top, p = o.bottom, u = a ? i.left : o.left, c = a ? i.right : o.right; return { top: s, bottom: p, left: u, right: c, width: c - u, height: p - s }; case "left": case "right": var f = Math.min.apply(Math, n.map((function (t) { return t.left }))), l = Math.max.apply(Math, n.map((function (t) { return t.right }))), d = n.filter((function (e) { return "left" === t ? e.left === f : e.right === l })), v = d[0].top, m = d[d.length - 1].bottom; return { top: v, bottom: m, left: f, right: l, width: l - f, height: m - v }; default: return e } }(l(t), n.getBoundingClientRect(), d(n.getClientRects()), r) }(o.placement) } }), e = o.placement) } }; function a() { var e; i || (e = function (t, e) { var n; return { popperOptions: Object.assign({}, t.popperOptions, { modifiers: [].concat(((null == (n = t.popperOptions) ? void 0 : n.modifiers) || []).filter((function (t) { return t.name !== e.name })), [e]) }) } }(t.props, o), i = !0, t.setProps(e), i = !1) } return { onCreate: a, onAfterUpdate: a, onTrigger: function (e, n) { if (g(n)) { var i = d(t.reference.getClientRects()), o = i.find((function (t) { return t.left - 2 <= n.clientX && t.right + 2 >= n.clientX && t.top - 2 <= n.clientY && t.bottom + 2 >= n.clientY })); r = i.indexOf(o) } }, onUntrigger: function () { r = -1 } } } }; var G = { name: "sticky", defaultValue: !1, fn: function (t) { var e = t.reference, n = t.popper; function r(e) { return !0 === t.props.sticky || t.props.sticky === e } var i = null, o = null; function a() { var s = r("reference") ? (t.popperInstance ? t.popperInstance.state.elements.reference : e).getBoundingClientRect() : null, p = r("popper") ? n.getBoundingClientRect() : null; (s && K(i, s) || p && K(o, p)) && t.popperInstance && t.popperInstance.update(), i = s, o = p, t.state.isMounted && requestAnimationFrame(a) } return { onMount: function () { t.props.sticky && a() } } } }; function K(t, e) { return !t || !e || (t.top !== e.top || t.right !== e.right || t.bottom !== e.bottom || t.left !== e.left) } return e && function (t) { var e = document.createElement("style"); e.textContent = t, e.setAttribute("data-tippy-stylesheet", ""); var n = document.head, r = document.querySelector("head>style,head>link"); r ? n.insertBefore(e, r) : n.appendChild(e) }('.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}'), _.setDefaultProps({ plugins: [W, $, J, G], render: S }), _.createSingleton = function (t, e) { var n; void 0 === e && (e = {}); var r, i = t, o = [], a = e.overrides, s = [], p = !1; function c() { o = i.map((function (t) { return t.reference })) } function f(t) { i.forEach((function (e) { t ? e.enable() : e.disable() })) } function l(t) { return i.map((function (e) { var n = e.setProps; return e.setProps = function (i) { n(i), e.reference === r && t.setProps(i) }, function () { e.setProps = n } })) } function d(t, e) { var n = o.indexOf(e); if (e !== r) { r = e; var s = (a || []).concat("content").reduce((function (t, e) { return t[e] = i[n].props[e], t }), {}); t.setProps(Object.assign({}, s, { getReferenceClientRect: "function" == typeof s.getReferenceClientRect ? s.getReferenceClientRect : function () { return e.getBoundingClientRect() } })) } } f(!1), c(); var m = { fn: function () { return { onDestroy: function () { f(!0) }, onHidden: function () { r = null }, onClickOutside: function (t) { t.props.showOnCreate && !p && (p = !0, r = null) }, onShow: function (t) { t.props.showOnCreate && !p && (p = !0, d(t, o[0])) }, onTrigger: function (t, e) { d(t, e.currentTarget) } } } }, g = _(v(), Object.assign({}, u(e, ["overrides"]), { plugins: [m].concat(e.plugins || []), triggerTarget: o, popperOptions: Object.assign({}, e.popperOptions, { modifiers: [].concat((null == (n = e.popperOptions) ? void 0 : n.modifiers) || [], [z]) }) })), h = g.show; g.show = function (t) { if (h(), !r && null == t) return d(g, o[0]); if (!r || null != t) { if ("number" == typeof t) return o[t] && d(g, o[t]); if (i.includes(t)) { var e = t.reference; return d(g, e) } return o.includes(t) ? d(g, t) : void 0 } }, g.showNext = function () { var t = o[0]; if (!r) return g.show(0); var e = o.indexOf(r); g.show(o[e + 1] || t) }, g.showPrevious = function () { var t = o[o.length - 1]; if (!r) return g.show(t); var e = o.indexOf(r), n = o[e - 1] || t; g.show(n) }; var b = g.setProps; return g.setProps = function (t) { a = t.overrides || a, b(t) }, g.setInstances = function (t) { f(!0), s.forEach((function (t) { return t() })), i = t, f(!1), c(), l(g), g.setProps({ triggerTarget: o }) }, s = l(g), g }, _.delegate = function (t, e) { var n = [], r = [], o = !1, a = e.target, s = u(e, ["target"]), p = Object.assign({}, s, { trigger: "manual", touch: !1 }), f = Object.assign({}, s, { showOnCreate: !0 }), l = _(t, p); function d(t) { if (t.target && !o) { var n = t.target.closest(a); if (n) { var i = n.getAttribute("data-tippy-trigger") || e.trigger || D.trigger; if (!n._tippy && !("touchstart" === t.type && "boolean" == typeof f.touch || "touchstart" !== t.type && i.indexOf(F[t.type]) < 0)) { var s = _(n, f); s && (r = r.concat(s)) } } } } function v(t, e, r, i) { void 0 === i && (i = !1), t.addEventListener(e, r, i), n.push({ node: t, eventType: e, handler: r, options: i }) } return c(l).forEach((function (t) { var e = t.destroy, a = t.enable, s = t.disable; t.destroy = function (t) { void 0 === t && (t = !0), t && r.forEach((function (t) { t.destroy() })), r = [], n.forEach((function (t) { var e = t.node, n = t.eventType, r = t.handler, i = t.options; e.removeEventListener(n, r, i) })), n = [], e() }, t.enable = function () { a(), r.forEach((function (t) { return t.enable() })), o = !1 }, t.disable = function () { s(), r.forEach((function (t) { return t.disable() })), o = !0 }, function (t) { var e = t.reference; v(e, "touchstart", d, i), v(e, "mouseover", d), v(e, "focusin", d), v(e, "click", d) }(t) })), l }, _.hideAll = function (t) { var e = void 0 === t ? {} : t, n = e.exclude, r = e.duration; N.forEach((function (t) { var e = !1; if (n && (e = h(n) ? t.reference === n : t.popper === n.popper), !e) { var i = t.props.duration; t.setProps({ duration: r }), t.hide(), t.state.isDestroyed || t.setProps({ duration: i }) } })) }, _.roundArrow = '', _ })); + +const _instances = []; + +export function initialize(element, elementId, options) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + const triggerTarget = options.triggerTargetId ? document.getElementById(options.triggerTargetId) : null; + + const appendTo = determineAppendTo(options.appendTo); + + const defaultOptions = { + theme: 'blazorise', + content: options.text, + placement: options.placement, + maxWidth: options.maxWidth ? options.maxWidth : options.multiline ? "15rem" : null, + duration: options.fade ? [options.fadeDuration, options.fadeDuration] : [0, 0], + arrow: options.showArrow, + allowHTML: true, + trigger: options.trigger, + triggerTarget: triggerTarget, + zIndex: options.zIndex, + interactive: options.interactive, + appendTo: appendTo + }; + + const alwaysActiveOptions = options.alwaysActive + ? { + showOnCreate: true, + hideOnClick: false, + trigger: "manual" + } : {}; + + const instance = tippy(element, Object.assign({}, defaultOptions, alwaysActiveOptions)); + + if (options.text) { + instance.enable(); + } + else { + instance.disable(); + } + + _instances[elementId] = instance; +} + +export function destroy(element, elementId) { + var instances = _instances || {}; + + const instance = instances[elementId]; + + if (instance) { + instance.hide(); + + delete instances[elementId]; + } +} + +export function updateContent(element, elementId, content) { + const instance = _instances[elementId]; + + if (instance) { + instance.setContent(content); + + if (content) { + instance.enable(); + } + else { + instance.disable(); + } + } +} + +function determineAppendTo(value) { + if (!value || value === "body") { + return () => document.body; + } + + if (value === "parent") + return "parent"; + else if (value.length > 0 && value[0] === "#") + return document.getElementById(value); + + return () => document.body; +} \ No newline at end of file diff --git a/_content/Blazorise/utilities.js b/_content/Blazorise/utilities.js new file mode 100755 index 0000000..4bf7dab --- /dev/null +++ b/_content/Blazorise/utilities.js @@ -0,0 +1,314 @@ +import "./vendors/jsencrypt.js?v=1.4.2.0"; +import "./vendors/sha512.js?v=1.4.2.0"; + +// adds a classname to the specified element +export function addClass(element, classname) { + element.classList.add(classname); +} + +// removes a classname from the specified element +export function removeClass(element, classname) { + if (element.classList.contains(classname)) { + element.classList.remove(classname); + } +} + +// toggles a classname on the given element id +export function toggleClass(element, classname) { + if (element) { + if (element.classList.contains(classname)) { + element.classList.remove(classname); + } else { + element.classList.add(classname); + } + } +} + +// adds a classname to the body element +export function addClassToBody(classname) { + addClass(document.body, classname); +} + +// removes a classname from the body element +export function removeClassFromBody(classname) { + removeClass(document.body, classname); +} + +// sets the input focuses to the given element +export function focus(element, elementId, scrollToElement) { + element = getRequiredElement(element, elementId); + + if (element) { + element.focus({ + preventScroll: !scrollToElement + }); + } +} + +// selects the given element +export function select(element, elementId, focus) { + if (focus) { + focus(element, elementId, true); + } + + element = getRequiredElement(element, elementId); + + if (element) { + element.select(); + } +} + +// show a browser picker for the supplied input element +export function showPicker(element, elementId) { + element = getRequiredElement(element, elementId); + + if (element && 'showPicker' in HTMLInputElement.prototype) { + element.showPicker(); + } +} + +export function setCaret(element, caret) { + if (hasSelectionCapabilities(element)) { + window.requestAnimationFrame(() => { + element.selectionStart = caret; + element.selectionEnd = caret; + }); + } +} + +export function getCaret(element) { + return hasSelectionCapabilities(element) + ? element.selectionStart : + -1; +} + +export function setTextValue(element, value) { + element.value = value; +} + +export function scrollAnchorIntoView(elementId) { + var element = document.getElementById(elementId); + + if (element) { + element.scrollIntoView(); + window.location.hash = elementId; + } +} + +export function scrollElementIntoView(elementId, smooth) { + var element = document.getElementById(elementId); + + if (element) { + var top; + if (element.offsetTop < element.parentElement.scrollTop || element.clientHeight > element.parentElement.clientHeight) { + top = element.offsetTop; + } else if (element.offsetTop + element.offsetHeight > element.parentElement.scrollTop + element.parentElement.clientHeight) { + top = element.offsetTop + element.offsetHeight - element.parentElement.clientHeight; + } + + var behavior = smooth ? "smooth" : "instant"; + element.parentElement.scrollTo({ top: top, behavior: behavior }); + } +} + +// sets the value to the element property +export function setProperty(element, property, value) { + if (element && property) { + element[property] = value; + } +} + +export function getElementInfo(element, elementId) { + if (!element || (element && element.id !== elementId)) { + element = document.getElementById(elementId); + } + + if (element) { + const position = element.getBoundingClientRect(); + + return { + boundingClientRect: { + x: position.x, + y: position.y, + top: position.top, + bottom: position.bottom, + left: position.left, + right: position.right, + width: position.width, + height: position.height + }, + offsetTop: element.offsetTop, + offsetLeft: element.offsetLeft, + offsetWidth: element.offsetWidth, + offsetHeight: element.offsetHeight, + scrollTop: element.scrollTop, + scrollLeft: element.scrollLeft, + scrollWidth: element.scrollWidth, + scrollHeight: element.scrollHeight, + clientTop: element.clientTop, + clientLeft: element.clientLeft, + clientWidth: element.clientWidth, + clientHeight: element.clientHeight + }; + } + + return {}; +} + +function hasSelectionCapabilities(element) { + const nodeName = element && element.nodeName && element.nodeName.toLowerCase(); + + return ( + nodeName && + ((nodeName === 'input' && + (element.type === 'text' || + element.type === 'search' || + element.type === 'tel' || + element.type === 'url' || + element.type === 'password')) || + nodeName === 'textarea' || + element.contentEditable === 'true') + ); +} + +export function getRequiredElement(element, elementId) { + if (element) + return element; + + return document.getElementById(elementId); +} + + +export function getUserAgent() { + return navigator.userAgent; +} + +export function copyToClipboard(element, elementId) { + element = getRequiredElement(element, elementId); + + if (!element) + return; + + if (navigator.clipboard) { + navigator.clipboard.writeText(element.innerText); + } +} + +function getExponentialParts(num) { + return Array.isArray(num) ? num : String(num).split(/[eE]/); +} + +function isExponential(num) { + const eParts = getExponentialParts(num); + return !Number.isNaN(Number(eParts[1])); +} + +export function fromExponential(num) { + if (!num) + return num; + + const eParts = getExponentialParts(num); + if (!isExponential(eParts)) { + return eParts[0]; + } + + const sign = eParts[0][0] === '-' ? '-' : ''; + const digits = eParts[0].replace(/^-/, ''); + const digitsParts = digits.split('.'); + const wholeDigits = digitsParts[0]; + const fractionDigits = digitsParts[1] || ''; + let e = Number(eParts[1]); + + if (e === 0) { + return `${sign + wholeDigits}.${fractionDigits}`; + } else if (e < 0) { + // move dot to the left + const countWholeAfterTransform = wholeDigits.length + e; + if (countWholeAfterTransform > 0) { + // transform whole to fraction + const wholeDigitsAfterTransform = wholeDigits.substr(0, countWholeAfterTransform); + const wholeDigitsTransformedToFraction = wholeDigits.substr(countWholeAfterTransform); + return `${sign + wholeDigitsAfterTransform}.${wholeDigitsTransformedToFraction}${fractionDigits}`; + } else { + // not enough whole digits: prepend with fractional zeros + + // first e goes to dotted zero + let zeros = '0.'; + e = countWholeAfterTransform; + while (e) { + zeros += '0'; + e += 1; + } + return sign + zeros + wholeDigits + fractionDigits; + } + } else { + // move dot to the right + const countFractionAfterTransform = fractionDigits.length - e; + if (countFractionAfterTransform > 0) { + // transform fraction to whole + // countTransformedFractionToWhole = e + const fractionDigitsAfterTransform = fractionDigits.substr(e); + const fractionDigitsTransformedToWhole = fractionDigits.substr(0, e); + return `${sign + wholeDigits + fractionDigitsTransformedToWhole}.${fractionDigitsAfterTransform}`; + } else { + // not enough fractions: append whole zeros + let zerosCount = -countFractionAfterTransform; + let zeros = ''; + while (zerosCount) { + zeros += '0'; + zerosCount -= 1; + } + return sign + wholeDigits + fractionDigits + zeros; + } + } +} + +function getTag(value) { + if (value == null) { + return value === undefined ? '[object Undefined]' : '[object Null]' + } + return toString.call(value) +} + +export function isString(value) { + const type = typeof value + return type === 'string' || (type === 'object' && value != null && !Array.isArray(value) && getTag(value) == '[object String]') +} + +export function firstNonNull(value, fallbackValue) { + if (value === null || value === undefined) + return fallbackValue; + + return value; +} + +export function verifyRsa(publicKey, content, signature) { + try { + const jsEncrypt = new JSEncrypt(); + jsEncrypt.setPublicKey(publicKey); + + const verified = jsEncrypt.verify(content, signature, sha512); + + if (verified) { + return true; + } + } catch (error) { + console.error(error); + } + + return false; +} + +export function log(message, args) { + console.log(message, args); +} + +export function createEvent(name) { + const e = document.createEvent("Event"); + e.initEvent(name, true, true); + return e; +} + +export function coalesce(value, defaultValue) { + return value === null || value === undefined ? defaultValue : value; +} \ No newline at end of file diff --git a/_content/Blazorise/validators/DateTimeMaskValidator.js b/_content/Blazorise/validators/DateTimeMaskValidator.js new file mode 100755 index 0000000..6c9fa38 --- /dev/null +++ b/_content/Blazorise/validators/DateTimeMaskValidator.js @@ -0,0 +1,16 @@ +export function DateTimeMaskValidator(element, elementId) { + this.elementId = elementId; + this.element = element; + this.regex = function () { + return /^\d{0,4}$|^\d{4}-0?$|^\d{4}-(?:0?[1-9]|1[012])(?:-(?:0?[1-9]?|[12]\d|3[01])?)?$/; + }; + this.carret = function () { + return [this.element.selectionStart, this.element.selectionEnd]; + }; + this.isValid = function (currentValue) { + var value = this.element.value, + selection = this.carret(); + + return value = value.substring(0, selection[0]) + currentValue + value.substring(selection[1]), !!this.regex().test(value); + }; +} \ No newline at end of file diff --git a/_content/Blazorise/validators/NoValidator.js b/_content/Blazorise/validators/NoValidator.js new file mode 100755 index 0000000..baeda38 --- /dev/null +++ b/_content/Blazorise/validators/NoValidator.js @@ -0,0 +1,5 @@ +export function NoValidator() { + this.isValid = function (currentValue) { + return true; + }; +} \ No newline at end of file diff --git a/_content/Blazorise/validators/NumericMaskValidator.js b/_content/Blazorise/validators/NumericMaskValidator.js new file mode 100755 index 0000000..a6a9032 --- /dev/null +++ b/_content/Blazorise/validators/NumericMaskValidator.js @@ -0,0 +1,163 @@ +export function NumericMaskValidator(dotnetAdapter, element, elementId, options) { + options = options || {}; + + this.dotnetAdapter = dotnetAdapter; + this.elementId = elementId; + this.element = element; + this.decimals = options.decimals === null || options.decimals === undefined ? 2 : options.decimals; + this.separator = options.separator || "."; + this.step = options.step || 1; + this.min = options.min; + this.max = options.max; + this.typeMin = options.typeMin; + this.typeMax = options.typeMax; + this.immediate = options.immediate || true; + this.selectAllOnFocus = options.selectAllOnFocus || false; + + this.regex = function () { + var sep = "\\" + this.separator, + dec = this.decimals, + reg = "{0," + dec + "}"; + + return dec ? new RegExp("^(-)?(((\\d+(" + sep + "\\d" + reg + ")?)|(" + sep + "\\d" + reg + ")))?$") : /^(-)?(\d*)$/; + }; + this.carret = function () { + return [this.element.selectionStart, this.element.selectionEnd]; + }; + this.isValid = function (currentValue) { + let value = this.element.value, + selection = this.carret(); + + if (value = value.substring(0, selection[0]) + currentValue + value.substring(selection[1]), !!this.regex().test(value)) { + + value = (value || "").replace(this.separator, "."); + + // Now that we know the number is valid we also need to make sure it can fit in the min-max range ot the TValue type. + let number = Number(value); + let numberOverflow = false; + + if (number > this.typeMax) { + number = Number(this.typeMax); + + numberOverflow = true; + } + else if (number < this.typeMin) { + number = Number(this.typeMin); + + numberOverflow = true; + } + + if (numberOverflow) { + value = this.fromExponential(number); + + // Update input with new value and also make sure that Blazor knows it is changed. + this.element.value = value; + + // Trigger event so that Blazor can pick it up. + let eventName = this.immediate ? 'input' : 'change'; + + if ("createEvent" in document) { + let event = document.createEvent("HTMLEvents"); + event.initEvent(eventName, false, true); + this.element.dispatchEvent(event); + } + else { + this.element.fireEvent("on" + eventName); + } + + return false; // This will make it fail the validation and do the preventDefault(). + } + + return value; + } + + return false; + }; + this.update = function (options) { + if (options.decimals && options.decimals.changed) { + this.decimals = options.decimals.value; + + this.truncate(); + } + }; + this.getExponentialParts = function (num) { + return Array.isArray(num) ? num : String(num).split(/[eE]/); + }; + this.isExponential = function (num) { + const eParts = this.getExponentialParts(num); + return !Number.isNaN(Number(eParts[1])); + }; + this.fromExponential = function (num) { + const eParts = this.getExponentialParts(num); + if (!this.isExponential(eParts)) { + return eParts[0]; + } + + const sign = eParts[0][0] === '-' ? '-' : ''; + const digits = eParts[0].replace(/^-/, ''); + const digitsParts = digits.split('.'); + const wholeDigits = digitsParts[0]; + const fractionDigits = digitsParts[1] || ''; + let e = Number(eParts[1]); + + if (e === 0) { + return `${sign + wholeDigits}.${fractionDigits}`; + } else if (e < 0) { + // move dot to the left + const countWholeAfterTransform = wholeDigits.length + e; + if (countWholeAfterTransform > 0) { + // transform whole to fraction + const wholeDigitsAfterTransform = wholeDigits.substr(0, countWholeAfterTransform); + const wholeDigitsTransformedToFraction = wholeDigits.substr(countWholeAfterTransform); + return `${sign + wholeDigitsAfterTransform}.${wholeDigitsTransformedToFraction}${fractionDigits}`; + } else { + // not enough whole digits: prepend with fractional zeros + + // first e goes to dotted zero + let zeros = '0.'; + e = countWholeAfterTransform; + while (e) { + zeros += '0'; + e += 1; + } + return sign + zeros + wholeDigits + fractionDigits; + } + } else { + // move dot to the right + const countFractionAfterTransform = fractionDigits.length - e; + if (countFractionAfterTransform > 0) { + // transform fraction to whole + // countTransformedFractionToWhole = e + const fractionDigitsAfterTransform = fractionDigits.substr(e); + const fractionDigitsTransformedToWhole = fractionDigits.substr(0, e); + return `${sign + wholeDigits + fractionDigitsTransformedToWhole}.${fractionDigitsAfterTransform}`; + } else { + // not enough fractions: append whole zeros + let zerosCount = -countFractionAfterTransform; + let zeros = ''; + while (zerosCount) { + zeros += '0'; + zerosCount -= 1; + } + return sign + wholeDigits + fractionDigits + zeros; + } + } + }; + this.truncate = function () { + let value = (this.element.value || "").replace(this.separator, "."); + + if (value) { + let number = Number(value); + + number = Math.trunc(number * Math.pow(10, this.decimals)) / Math.pow(10, this.decimals); + + let newValue = number.toString().replace(".", this.separator); + + this.element.value = newValue; + + if (this.dotnetAdapter) { + this.dotnetAdapter.invokeMethodAsync('SetValue', newValue); + } + } + }; +} \ No newline at end of file diff --git a/_content/Blazorise/validators/RegExMaskValidator.js b/_content/Blazorise/validators/RegExMaskValidator.js new file mode 100755 index 0000000..26f1bb0 --- /dev/null +++ b/_content/Blazorise/validators/RegExMaskValidator.js @@ -0,0 +1,17 @@ +export function RegExMaskValidator(element, elementId, editMask) { + this.elementId = elementId; + this.element = element; + this.editMask = editMask; + this.regex = function () { + return new RegExp(this.editMask); + }; + this.carret = function () { + return [this.element.selectionStart, this.element.selectionEnd]; + }; + this.isValid = function (currentValue) { + var value = this.element.value, + selection = this.carret(); + + return value = value.substring(0, selection[0]) + currentValue + value.substring(selection[1]), !!this.regex().test(value); + }; +} \ No newline at end of file diff --git a/_content/Blazorise/vendors/Behave.js b/_content/Blazorise/vendors/Behave.js new file mode 100755 index 0000000..b663cef --- /dev/null +++ b/_content/Blazorise/vendors/Behave.js @@ -0,0 +1 @@ +function BehaveHooks() { var e = {}; return { add: function (t, r) { var n; if ("object" == typeof t) for (n = 0; n < t.length; n++) { var a = t[n]; e[a] || (e[a] = []), e[a].push(r) } else e[t] || (e[t] = []), e[t].push(r) }, get: function (t) { if (e[t]) return e[t] } } } const _hooks = BehaveHooks(); export function Behave(e) { "function" != typeof String.prototype.repeat && (String.prototype.repeat = function (e) { if (e < 1) return ""; if (e % 2) return this.repeat(e - 1) + this; var t = this.repeat(e / 2); return t + t }), "function" != typeof Array.prototype.filter && (Array.prototype.filter = function (e) { if (null === this) throw new TypeError; var t = Object(this), r = t.length >>> 0; if ("function" != typeof e) throw new TypeError; for (var n = [], a = arguments[1], o = 0; o < r; o++)if (o in t) { var s = t[o]; e.call(a, s, o, t) && n.push(s) } return n }); var t, r, n, a = { textarea: null, replaceTab: !0, softTabs: !0, tabSize: 4, autoOpen: !0, overwrite: !0, autoStrip: !0, autoIndent: !0, fence: !1 }, o = { keyMap: [{ open: '"', close: '"', canBreak: !1 }, { open: "'", close: "'", canBreak: !1 }, { open: "(", close: ")", canBreak: !1 }, { open: "[", close: "]", canBreak: !0 }, { open: "{", close: "}", canBreak: !0 }] }, s = { _callHook: function (e, t) { var r = _hooks.get(e); if (t = "boolean" != typeof t || !1 !== t, r) if (t) { var n, o = a.textarea, i = o.value, c = s.cursor.get(); for (n = 0; n < r.length; n++)r[n].call(void 0, { editor: { element: o, text: i, levelsDeep: s.levelsDeep() }, caret: { pos: c }, lines: { current: s.cursor.getLine(i, c), total: s.editor.getLines(i) } }) } else for (n = 0; n < r.length; n++)r[n].call(void 0) }, defineNewLine: function () { var e = document.createElement("textarea"); e.value = "\n", r = 2 == e.value.length ? "\r\n" : "\n" }, defineTabSize: function (e) { void 0 === a.textarea.style.OTabSize ? void 0 === a.textarea.style.MozTabSize ? void 0 === a.textarea.style.tabSize || (a.textarea.style.tabSize = e) : a.textarea.style.MozTabSize = e : a.textarea.style.OTabSize = e }, cursor: { getLine: function (e, t) { return e.substring(0, t).split("\n").length }, get: function () { if ("number" == typeof document.createElement("textarea").selectionStart) return a.textarea.selectionStart; if (document.selection) { var e = 0, t = a.textarea.createTextRange(), r = document.selection.createRange().duplicate().getBookmark(); for (t.moveToBookmark(r); 0 !== t.moveStart("character", -1);)e++; return e } }, set: function (e, t) { if (t || (t = e), a.textarea.setSelectionRange) a.textarea.focus(), a.textarea.setSelectionRange(e, t); else if (a.textarea.createTextRange) { var r = a.textarea.createTextRange(); r.collapse(!0), r.moveEnd("character", t), r.moveStart("character", e), r.select() } }, selection: function () { var e, t, n, o, i, c = a.textarea, l = 0, u = 0; return "number" == typeof c.selectionStart && "number" == typeof c.selectionEnd ? (l = c.selectionStart, u = c.selectionEnd) : (t = document.selection.createRange()) && t.parentElement() == c && (o = (e = s.editor.get()).length, (n = c.createTextRange()).moveToBookmark(t.getBookmark()), (i = c.createTextRange()).collapse(!1), n.compareEndPoints("StartToEnd", i) > -1 ? l = u = o : (l = -n.moveStart("character", -o), l += e.slice(0, l).split(r).length - 1, n.compareEndPoints("EndToEnd", i) > -1 ? u = o : (u = -n.moveEnd("character", -o), u += e.slice(0, u).split(r).length - 1))), l != u && { start: l, end: u } } }, editor: { getLines: function (e) { return e.split("\n").length }, get: function () { return a.textarea.value.replace(/\r/g, "") }, set: function (e, t) { a.textarea.value = e, t && a.textarea.dispatchEvent(new Event("input", { bubbles: !0 })) } }, fenceRange: function () { if ("string" == typeof a.fence) { for (var e = s.editor.get(), t = s.cursor.get(), r = 0, n = e.indexOf(a.fence), o = 0; n >= 0 && (o++, !(t < n + r));)r += n + a.fence.length, n = (e = e.substring(n + a.fence.length)).indexOf(a.fence); return r < t && n + r > t && o % 2 == 0 } return !0 }, isEven: function (e, t) { return t % 2 }, levelsDeep: function () { var e, t, r = s.cursor.get(), n = s.editor.get().substring(0, r), a = 0; for (e = 0; e < n.length; e++)for (t = 0; t < o.keyMap.length; t++)o.keyMap[t].canBreak && (o.keyMap[t].open == n.charAt(e) && a++, o.keyMap[t].close == n.charAt(e) && a--); var i = 0, c = ["'", '"']; for (e = 0; e < o.keyMap.length; e++)if (o.keyMap[e].canBreak) for (t in c) i += n.split(c[t]).filter(s.isEven).join("").split(o.keyMap[e].open).length - 1; var l = a - i; return l >= 0 ? l : 0 }, deepExtend: function (e, t) { for (var r in t) t[r] && t[r].constructor && t[r].constructor === Object ? (e[r] = e[r] || {}, s.deepExtend(e[r], t[r])) : e[r] = t[r]; return e }, addEvent: function (e, t, r) { e.addEventListener ? e.addEventListener(t, r, !1) : e.attachEvent && e.attachEvent("on" + t, r) }, removeEvent: function (e, t, r) { e.addEventListener ? e.removeEventListener(t, r, !1) : e.attachEvent && e.detachEvent("on" + t, r) }, preventDefaultEvent: function (e) { e.preventDefault ? e.preventDefault() : e.returnValue = !1 } }, i = function (e) { if (s.fenceRange()) { if (9 == e.keyCode) { s.preventDefaultEvent(e); var r = !0; s._callHook("tab:before"); var n = s.cursor.selection(), a = s.cursor.get(), o = s.editor.get(); if (n) { for (var i = n.start; i--;)if ("\n" == o.charAt(i)) { n.start = i + 1; break } var c, l = o.substring(n.start, n.end), u = l.split("\n"); if (e.shiftKey) { for (c = 0; c < u.length; c++)u[c].substring(0, t.length) == t && (u[c] = u[c].substring(t.length)); l = u.join("\n"), s.editor.set(o.substring(0, n.start) + l + o.substring(n.end)), s.cursor.set(n.start, n.start + l.length) } else { for (c in u) u[c] = t + u[c]; l = u.join("\n"), s.editor.set(o.substring(0, n.start) + l + o.substring(n.end)), s.cursor.set(n.start, n.start + l.length) } } else { var f = o.substring(0, a), g = o.substring(a), v = f + t + g; e.shiftKey ? o.substring(a - t.length, a) == t && (v = o.substring(0, a - t.length) + g, s.editor.set(v), s.cursor.set(a - t.length)) : (s.editor.set(v), s.cursor.set(a + t.length), r = !1) } s._callHook("tab:after") } return r } }, c = function (e) { if (s.fenceRange() && 13 == e.keyCode) { s.preventDefaultEvent(e), s._callHook("enter:before"); var n, a, i = s.cursor.get(), c = s.editor.get(), l = c.substring(0, i), u = c.substring(i), f = l.charAt(l.length - 1), g = u.charAt(0), v = s.levelsDeep(), p = "", d = ""; if (v) { for (; v--;)p += t; for (n = (p = p).length + 1, a = 0; a < o.keyMap.length; a++)o.keyMap[a].open == f && o.keyMap[a].close == g && (d = r) } else n = 1; var h = l + r + p + d + p.substring(0, p.length - t.length) + u; s.editor.set(h), s.cursor.set(i + n), s._callHook("enter:after") } }, l = function (e) { if (s.fenceRange() && 8 == e.keyCode) { s.preventDefaultEvent(e), s._callHook("delete:before"); var t, r = s.cursor.get(), n = s.editor.get(), a = n.substring(0, r), i = n.substring(r), c = a.charAt(a.length - 1), l = i.charAt(0); if (!1 === s.cursor.selection()) { for (t = 0; t < o.keyMap.length; t++)if (o.keyMap[t].open == c && o.keyMap[t].close == l) { var u = n.substring(0, r - 1) + n.substring(r + 1); return s.editor.set(u), void s.cursor.set(r - 1) } u = n.substring(0, r - 1) + n.substring(r); s.editor.set(u, !0), s.cursor.set(r - 1) } else { var f = s.cursor.selection(); u = n.substring(0, f.start) + n.substring(f.end); s.editor.set(u, !0), s.cursor.set(r) } s._callHook("delete:after") } }, u = function (e, t) { s.preventDefaultEvent(t), s._callHook("openChar:before"); var r = s.cursor.get(), n = s.editor.get(), o = n.substring(0, r), i = n.substring(r), c = o + e.open + e.close + i; a.textarea.value = c, s.cursor.set(r + 1), s._callHook("openChar:after") }, f = function (e, t) { var r = s.cursor.get(); return s.editor.get().substring(r, r + 1) == e.close && (s.preventDefaultEvent(t), s._callHook("closeChar:before"), s.cursor.set(s.cursor.get() + 1), s._callHook("closeChar:after"), !0) }, g = { filter: function (e) { if (s.fenceRange()) { var t = e.which || e.keyCode; if (39 != t && (40 != t || 0 !== e.which)) { var r, n = String.fromCharCode(t); for (r = 0; r < o.keyMap.length; r++) { if (o.keyMap[r].close == n) !(a.overwrite && f(o.keyMap[r], e)) && o.keyMap[r].open == n && a.autoOpen && u(o.keyMap[r], e); else o.keyMap[r].open == n && a.autoOpen && u(o.keyMap[r], e) } } } }, listen: function () { a.replaceTab && s.addEvent(a.textarea, "keydown", i), a.autoIndent && s.addEvent(a.textarea, "keydown", c), a.autoStrip && s.addEvent(a.textarea, "keydown", l), s.addEvent(a.textarea, "keypress", g.filter), s.addEvent(a.textarea, "keydown", function () { s._callHook("keydown") }), s.addEvent(a.textarea, "keyup", function () { s._callHook("keyup") }), s.addEvent(a.textarea, "blur", function () { a.textarea.dispatchEvent(new Event("change", { bubbles: !0 })) }) } }; this.destroy = function () { s.removeEvent(a.textarea, "keydown", i), s.removeEvent(a.textarea, "keydown", c), s.removeEvent(a.textarea, "keydown", l), s.removeEvent(a.textarea, "keypress", g.filter) }, (n = e).textarea && (s._callHook("init:before", !1), s.deepExtend(a, n), s.defineNewLine(), a.softTabs ? t = " ".repeat(a.tabSize) : (t = "\t", s.defineTabSize(a.tabSize)), g.listen(), s._callHook("init:after", !1)) } \ No newline at end of file diff --git a/_content/Blazorise/vendors/Pickr.js b/_content/Blazorise/vendors/Pickr.js new file mode 100755 index 0000000..4b15300 --- /dev/null +++ b/_content/Blazorise/vendors/Pickr.js @@ -0,0 +1,18 @@ +!function (t, e) { "object" == typeof exports && "object" == typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define([], e) : "object" == typeof exports ? exports.Pickr = e() : t.Pickr = e() }(self, (function () { return (() => { "use strict"; var t = { d: (e, o) => { for (var n in o) t.o(o, n) && !t.o(e, n) && Object.defineProperty(e, n, { enumerable: !0, get: o[n] }) }, o: (t, e) => Object.prototype.hasOwnProperty.call(t, e), r: t => { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 }) } }, e = {}; t.d(e, { default: () => L }); var o = {}; function n(t, e, o, n, i = {}) { e instanceof HTMLCollection || e instanceof NodeList ? e = Array.from(e) : Array.isArray(e) || (e = [e]), Array.isArray(o) || (o = [o]); for (const s of e) for (const e of o) s[t](e, n, { capture: !1, ...i }); return Array.prototype.slice.call(arguments, 1) } t.r(o), t.d(o, { adjustableInputNumbers: () => p, createElementFromString: () => r, createFromTemplate: () => a, eventPath: () => l, off: () => s, on: () => i, resolveElement: () => c }); const i = n.bind(null, "addEventListener"), s = n.bind(null, "removeEventListener"); function r(t) { const e = document.createElement("div"); return e.innerHTML = t.trim(), e.firstElementChild } function a(t) { const e = (t, e) => { const o = t.getAttribute(e); return t.removeAttribute(e), o }, o = (t, n = {}) => { const i = e(t, ":obj"), s = e(t, ":ref"), r = i ? n[i] = {} : n; s && (n[s] = t); for (const n of Array.from(t.children)) { const t = e(n, ":arr"), i = o(n, t ? {} : r); t && (r[t] || (r[t] = [])).push(Object.keys(i).length ? i : n) } return n }; return o(r(t)) } function l(t) { let e = t.path || t.composedPath && t.composedPath(); if (e) return e; let o = t.target.parentElement; for (e = [t.target, o]; o = o.parentElement;)e.push(o); return e.push(document, window), e } function c(t) { return t instanceof Element ? t : "string" == typeof t ? t.split(/>>/g).reduce(((t, e, o, n) => (t = t.querySelector(e), o < n.length - 1 ? t.shadowRoot : t)), document) : null } function p(t, e = (t => t)) { function o(o) { const n = [.001, .01, .1][Number(o.shiftKey || 2 * o.ctrlKey)] * (o.deltaY < 0 ? 1 : -1); let i = 0, s = t.selectionStart; t.value = t.value.replace(/[\d.]+/g, ((t, o) => o <= s && o + t.length >= s ? (s = o, e(Number(t), n, i)) : (i++, t))), t.focus(), t.setSelectionRange(s, s), o.preventDefault(), t.dispatchEvent(new Event("input")) } i(t, "focus", (() => i(window, "wheel", o, { passive: !1 }))), i(t, "blur", (() => s(window, "wheel", o))) } const { min: u, max: h, floor: d, round: m } = Math; function f(t, e, o) { e /= 100, o /= 100; const n = d(t = t / 360 * 6), i = t - n, s = o * (1 - e), r = o * (1 - i * e), a = o * (1 - (1 - i) * e), l = n % 6; return [255 * [o, r, s, s, a, o][l], 255 * [a, o, o, r, s, s][l], 255 * [s, s, a, o, o, r][l]] } function v(t, e, o) { const n = (2 - (e /= 100)) * (o /= 100) / 2; return 0 !== n && (e = 1 === n ? 0 : n < .5 ? e * o / (2 * n) : e * o / (2 - 2 * n)), [t, 100 * e, 100 * n] } function b(t, e, o) { const n = u(t /= 255, e /= 255, o /= 255), i = h(t, e, o), s = i - n; let r, a; if (0 === s) r = a = 0; else { a = s / i; const n = ((i - t) / 6 + s / 2) / s, l = ((i - e) / 6 + s / 2) / s, c = ((i - o) / 6 + s / 2) / s; t === i ? r = c - l : e === i ? r = 1 / 3 + n - c : o === i && (r = 2 / 3 + l - n), r < 0 ? r += 1 : r > 1 && (r -= 1) } return [360 * r, 100 * a, 100 * i] } function y(t, e, o, n) { e /= 100, o /= 100; return [...b(255 * (1 - u(1, (t /= 100) * (1 - (n /= 100)) + n)), 255 * (1 - u(1, e * (1 - n) + n)), 255 * (1 - u(1, o * (1 - n) + n)))] } function g(t, e, o) { e /= 100; const n = 2 * (e *= (o /= 100) < .5 ? o : 1 - o) / (o + e) * 100, i = 100 * (o + e); return [t, isNaN(n) ? 0 : n, i] } function _(t) { return b(...t.match(/.{2}/g).map((t => parseInt(t, 16)))) } function w(t) { t = t.match(/^[a-zA-Z]+$/) ? function (t) { if ("black" === t.toLowerCase()) return "#000"; const e = document.createElement("canvas").getContext("2d"); return e.fillStyle = t, "#000" === e.fillStyle ? null : e.fillStyle }(t) : t; const e = { cmyk: /^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i, rgba: /^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i, hsla: /^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i, hsva: /^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i, hexa: /^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i }, o = t => t.map((t => /^(|\d+)\.\d+|\d+$/.test(t) ? Number(t) : void 0)); let n; t: for (const i in e) { if (!(n = e[i].exec(t))) continue; const s = t => !!n[2] == ("number" == typeof t); switch (i) { case "cmyk": { const [, t, e, s, r] = o(n); if (t > 100 || e > 100 || s > 100 || r > 100) break t; return { values: y(t, e, s, r), type: i } } case "rgba": { const [, , , t, e, r, a] = o(n); if (t > 255 || e > 255 || r > 255 || a < 0 || a > 1 || !s(a)) break t; return { values: [...b(t, e, r), a], a, type: i } } case "hexa": { let [, t] = n; 4 !== t.length && 3 !== t.length || (t = t.split("").map((t => t + t)).join("")); const e = t.substring(0, 6); let o = t.substring(6); return o = o ? parseInt(o, 16) / 255 : void 0, { values: [..._(e), o], a: o, type: i } } case "hsla": { const [, , , t, e, r, a] = o(n); if (t > 360 || e > 100 || r > 100 || a < 0 || a > 1 || !s(a)) break t; return { values: [...g(t, e, r), a], a, type: i } } case "hsva": { const [, , , t, e, r, a] = o(n); if (t > 360 || e > 100 || r > 100 || a < 0 || a > 1 || !s(a)) break t; return { values: [t, e, r, a], a, type: i } } } } return { values: null, type: null } } function A(t = 0, e = 0, o = 0, n = 1) { const i = (t, e) => (o = -1) => e(~o ? t.map((t => Number(t.toFixed(o)))) : t), s = { h: t, s: e, v: o, a: n, toHSVA() { const t = [s.h, s.s, s.v, s.a]; return t.toString = i(t, (t => `hsva(${t[0]}, ${t[1]}%, ${t[2]}%, ${s.a})`)), t }, toHSLA() { const t = [...v(s.h, s.s, s.v), s.a]; return t.toString = i(t, (t => `hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${s.a})`)), t }, toRGBA() { const t = [...f(s.h, s.s, s.v), s.a]; return t.toString = i(t, (t => `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${s.a})`)), t }, toCMYK() { const t = function (t, e, o) { const n = f(t, e, o), i = n[0] / 255, s = n[1] / 255, r = n[2] / 255, a = u(1 - i, 1 - s, 1 - r); return [100 * (1 === a ? 0 : (1 - i - a) / (1 - a)), 100 * (1 === a ? 0 : (1 - s - a) / (1 - a)), 100 * (1 === a ? 0 : (1 - r - a) / (1 - a)), 100 * a] }(s.h, s.s, s.v); return t.toString = i(t, (t => `cmyk(${t[0]}%, ${t[1]}%, ${t[2]}%, ${t[3]}%)`)), t }, toHEXA() { const t = function (t, e, o) { return f(t, e, o).map((t => m(t).toString(16).padStart(2, "0"))) }(s.h, s.s, s.v), e = s.a >= 1 ? "" : Number((255 * s.a).toFixed(0)).toString(16).toUpperCase().padStart(2, "0"); return e && t.push(e), t.toString = () => `#${t.join("").toUpperCase()}`, t }, clone: () => A(s.h, s.s, s.v, s.a) }; return s } const C = t => Math.max(Math.min(t, 1), 0); function $(t) { const e = { options: Object.assign({ lock: null, onchange: () => 0, onstop: () => 0 }, t), _keyboard(t) { const { options: o } = e, { type: n, key: i } = t; if (document.activeElement === o.wrapper) { const { lock: o } = e.options, s = "ArrowUp" === i, r = "ArrowRight" === i, a = "ArrowDown" === i, l = "ArrowLeft" === i; if ("keydown" === n && (s || r || a || l)) { let n = 0, i = 0; "v" === o ? n = s || r ? 1 : -1 : "h" === o ? n = s || r ? -1 : 1 : (i = s ? -1 : a ? 1 : 0, n = l ? -1 : r ? 1 : 0), e.update(C(e.cache.x + .01 * n), C(e.cache.y + .01 * i)), t.preventDefault() } else i.startsWith("Arrow") && (e.options.onstop(), t.preventDefault()) } }, _tapstart(t) { i(document, ["mouseup", "touchend", "touchcancel"], e._tapstop), i(document, ["mousemove", "touchmove"], e._tapmove), t.cancelable && t.preventDefault(), e._tapmove(t) }, _tapmove(t) { const { options: o, cache: n } = e, { lock: i, element: s, wrapper: r } = o, a = r.getBoundingClientRect(); let l = 0, c = 0; if (t) { const e = t && t.touches && t.touches[0]; l = t ? (e || t).clientX : 0, c = t ? (e || t).clientY : 0, l < a.left ? l = a.left : l > a.left + a.width && (l = a.left + a.width), c < a.top ? c = a.top : c > a.top + a.height && (c = a.top + a.height), l -= a.left, c -= a.top } else n && (l = n.x * a.width, c = n.y * a.height); "h" !== i && (s.style.left = `calc(${l / a.width * 100}% - ${s.offsetWidth / 2}px)`), "v" !== i && (s.style.top = `calc(${c / a.height * 100}% - ${s.offsetHeight / 2}px)`), e.cache = { x: l / a.width, y: c / a.height }; const p = C(l / a.width), u = C(c / a.height); switch (i) { case "v": return o.onchange(p); case "h": return o.onchange(u); default: return o.onchange(p, u) } }, _tapstop() { e.options.onstop(), s(document, ["mouseup", "touchend", "touchcancel"], e._tapstop), s(document, ["mousemove", "touchmove"], e._tapmove) }, trigger() { e._tapmove() }, update(t = 0, o = 0) { const { left: n, top: i, width: s, height: r } = e.options.wrapper.getBoundingClientRect(); "h" === e.options.lock && (o = t), e._tapmove({ clientX: n + s * t, clientY: i + r * o }) }, destroy() { const { options: t, _tapstart: o, _keyboard: n } = e; s(document, ["keydown", "keyup"], n), s([t.wrapper, t.element], "mousedown", o), s([t.wrapper, t.element], "touchstart", o, { passive: !1 }) } }, { options: o, _tapstart: n, _keyboard: r } = e; return i([o.wrapper, o.element], "mousedown", n), i([o.wrapper, o.element], "touchstart", n, { passive: !1 }), i(document, ["keydown", "keyup"], r), e } function k(t = {}) { t = Object.assign({ onchange: () => 0, className: "", elements: [] }, t); const e = i(t.elements, "click", (e => { t.elements.forEach((o => o.classList[e.target === o ? "add" : "remove"](t.className))), t.onchange(e), e.stopPropagation() })); return { destroy: () => s(...e) } } const S = { variantFlipOrder: { start: "sme", middle: "mse", end: "ems" }, positionFlipOrder: { top: "tbrl", right: "rltb", bottom: "btrl", left: "lrbt" }, position: "bottom", margin: 8 }, O = (t, e, o) => { const { container: n, margin: i, position: s, variantFlipOrder: r, positionFlipOrder: a } = { container: document.documentElement.getBoundingClientRect(), ...S, ...o }, { left: l, top: c } = e.style; e.style.left = "0", e.style.top = "0"; const p = t.getBoundingClientRect(), u = e.getBoundingClientRect(), h = { t: p.top - u.height - i, b: p.bottom + i, r: p.right + i, l: p.left - u.width - i }, d = { vs: p.left, vm: p.left + p.width / 2 + -u.width / 2, ve: p.left + p.width - u.width, hs: p.top, hm: p.bottom - p.height / 2 - u.height / 2, he: p.bottom - u.height }, [m, f = "middle"] = s.split("-"), v = a[m], b = r[f], { top: y, left: g, bottom: _, right: w } = n; for (const t of v) { const o = "t" === t || "b" === t, n = h[t], [i, s] = o ? ["top", "left"] : ["left", "top"], [r, a] = o ? [u.height, u.width] : [u.width, u.height], [l, c] = o ? [_, w] : [w, _], [p, m] = o ? [y, g] : [g, y]; if (!(n < p || n + r > l)) for (const r of b) { const l = d[(o ? "v" : "h") + r]; if (!(l < m || l + a > c)) return e.style[s] = l - u[s] + "px", e.style[i] = n - u[i] + "px", t + r } } return e.style.left = l, e.style.top = c, null }; function E(t, e, o) { return e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t } class L { constructor(t) { E(this, "_initializingActive", !0), E(this, "_recalc", !0), E(this, "_nanopop", null), E(this, "_root", null), E(this, "_color", A()), E(this, "_lastColor", A()), E(this, "_swatchColors", []), E(this, "_setupAnimationFrame", null), E(this, "_eventListener", { init: [], save: [], hide: [], show: [], clear: [], change: [], changestop: [], cancel: [], swatchselect: [] }), this.options = t = Object.assign({ ...L.DEFAULT_OPTIONS }, t); const { swatches: e, components: o, theme: n, sliders: i, lockOpacity: s, padding: r } = t;["nano", "monolith"].includes(n) && !i && (t.sliders = "h"), o.interaction || (o.interaction = {}); const { preview: a, opacity: l, hue: c, palette: p } = o; o.opacity = !s && l, o.palette = p || a || l || c, this._preBuild(), this._buildComponents(), this._bindEvents(), this._finalBuild(), e && e.length && e.forEach((t => this.addSwatch(t))); const { button: u, app: h } = this._root; this._nanopop = ((t, e, o) => { const n = "object" != typeof t || t instanceof HTMLElement ? { reference: t, popper: e, ...o } : t; return { update(t = n) { const { reference: e, popper: o } = Object.assign(n, t); if (!o || !e) throw new Error("Popper- or reference-element missing."); return O(e, o, n) } } })(u, h, { margin: r }), u.setAttribute("role", "button"), u.setAttribute("aria-label", this._t("btn:toggle")); const d = this; this._setupAnimationFrame = requestAnimationFrame((function e() { if (!h.offsetWidth) return requestAnimationFrame(e); d.setColor(t.default), d._rePositioningPicker(), t.defaultRepresentation && (d._representation = t.defaultRepresentation, d.setColorRepresentation(d._representation)), t.showAlways && d.show(), d._initializingActive = !1, d._emit("init") })) } _preBuild() { const { options: t } = this; for (const e of ["el", "container"]) t[e] = c(t[e]); this._root = (t => { const { components: e, useAsButton: o, inline: n, appClass: i, theme: s, lockOpacity: r } = t.options, l = t => t ? "" : 'style="display:none" hidden', c = e => t._t(e), p = a(`\n \n\n ${o ? "" : ''}\n\n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n\n \n\n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n `), u = p.interaction; return u.options.find((t => !t.hidden && !t.classList.add("active"))), u.type = () => u.options.find((t => t.classList.contains("active"))), p })(this), t.useAsButton && (this._root.button = t.el), t.container.appendChild(this._root.root) } _finalBuild() { const t = this.options, e = this._root; if (t.container.removeChild(e.root), t.inline) { const o = t.el.parentElement; t.el.nextSibling ? o.insertBefore(e.app, t.el.nextSibling) : o.appendChild(e.app) } else t.container.appendChild(e.app); t.useAsButton ? t.inline && t.el.remove() : t.el.parentNode.replaceChild(e.root, t.el), t.disabled && this.disable(), t.comparison || (e.button.style.transition = "none", t.useAsButton || (e.preview.lastColor.style.transition = "none")), this.hide() } _buildComponents() { const t = this, e = this.options.components, o = (t.options.sliders || "v").repeat(2), [n, i] = o.match(/^[vh]+$/g) ? o : [], s = () => this._color || (this._color = this._lastColor.clone()), r = { palette: $({ element: t._root.palette.picker, wrapper: t._root.palette.palette, onstop: () => t._emit("changestop", "slider", t), onchange(o, n) { if (!e.palette) return; const i = s(), { _root: r, options: a } = t, { lastColor: l, currentColor: c } = r.preview; t._recalc && (i.s = 100 * o, i.v = 100 - 100 * n, i.v < 0 && (i.v = 0), t._updateOutput("slider")); const p = i.toRGBA().toString(0); this.element.style.background = p, this.wrapper.style.background = `\n linear-gradient(to top, rgba(0, 0, 0, ${i.a}), transparent),\n linear-gradient(to left, hsla(${i.h}, 100%, 50%, ${i.a}), rgba(255, 255, 255, ${i.a}))\n `, a.comparison ? a.useAsButton || t._lastColor || l.style.setProperty("--pcr-color", p) : (r.button.style.setProperty("--pcr-color", p), r.button.classList.remove("clear")); const u = i.toHEXA().toString(); for (const { el: e, color: o } of t._swatchColors) e.classList[u === o.toHEXA().toString() ? "add" : "remove"]("pcr-active"); c.style.setProperty("--pcr-color", p) } }), hue: $({ lock: "v" === i ? "h" : "v", element: t._root.hue.picker, wrapper: t._root.hue.slider, onstop: () => t._emit("changestop", "slider", t), onchange(o) { if (!e.hue || !e.palette) return; const n = s(); t._recalc && (n.h = 360 * o), this.element.style.backgroundColor = `hsl(${n.h}, 100%, 50%)`, r.palette.trigger() } }), opacity: $({ lock: "v" === n ? "h" : "v", element: t._root.opacity.picker, wrapper: t._root.opacity.slider, onstop: () => t._emit("changestop", "slider", t), onchange(o) { if (!e.opacity || !e.palette) return; const n = s(); t._recalc && (n.a = Math.round(100 * o) / 100), this.element.style.background = `rgba(0, 0, 0, ${n.a})`, r.palette.trigger() } }), selectable: k({ elements: t._root.interaction.options, className: "active", onchange(e) { t._representation = e.target.getAttribute("data-type").toUpperCase(), t._recalc && t._updateOutput("swatch") } }) }; this._components = r } _bindEvents() { const { _root: t, options: e } = this, o = [i(t.interaction.clear, "click", (() => this._clearColor())), i([t.interaction.cancel, t.preview.lastColor], "click", (() => { this.setHSVA(...(this._lastColor || this._color).toHSVA(), !0), this._emit("cancel") })), i(t.interaction.save, "click", (() => { !this.applyColor() && !e.showAlways && this.hide() })), i(t.interaction.result, ["keyup", "input"], (t => { this.setColor(t.target.value, !0) && !this._initializingActive && (this._emit("change", this._color, "input", this), this._emit("changestop", "input", this)), t.stopImmediatePropagation() })), i(t.interaction.result, ["focus", "blur"], (t => { this._recalc = "blur" === t.type, this._recalc && this._updateOutput(null) })), i([t.palette.palette, t.palette.picker, t.hue.slider, t.hue.picker, t.opacity.slider, t.opacity.picker], ["mousedown", "touchstart"], (() => this._recalc = !0), { passive: !0 })]; if (!e.showAlways) { const n = e.closeWithKey; o.push(i(t.button, "click", (() => this.isOpen() ? this.hide() : this.show())), i(document, "keyup", (t => this.isOpen() && (t.key === n || t.code === n) && this.hide())), i(document, ["touchstart", "mousedown"], (e => { this.isOpen() && !l(e).some((e => e === t.app || e === t.button)) && this.hide() }), { capture: !0 })) } if (e.adjustableNumbers) { const e = { rgba: [255, 255, 255, 1], hsva: [360, 100, 100, 1], hsla: [360, 100, 100, 1], cmyk: [100, 100, 100, 100] }; p(t.interaction.result, ((t, o, n) => { const i = e[this.getColorRepresentation().toLowerCase()]; if (i) { const e = i[n], s = t + (e >= 100 ? 1e3 * o : o); return s <= 0 ? 0 : Number((s < e ? s : e).toPrecision(3)) } return t })) } if (e.autoReposition && !e.inline) { let t = null; const n = this; o.push(i(window, ["scroll", "resize"], (() => { n.isOpen() && (e.closeOnScroll && n.hide(), null === t ? (t = setTimeout((() => t = null), 100), requestAnimationFrame((function e() { n._rePositioningPicker(), null !== t && requestAnimationFrame(e) }))) : (clearTimeout(t), t = setTimeout((() => t = null), 100))) }), { capture: !0 })) } this._eventBindings = o } _rePositioningPicker() { const { options: t } = this; if (!t.inline) { if (!this._nanopop.update({ container: document.body.getBoundingClientRect(), position: t.position })) { const t = this._root.app, e = t.getBoundingClientRect(); t.style.top = (window.innerHeight - e.height) / 2 + "px", t.style.left = (window.innerWidth - e.width) / 2 + "px" } } } _updateOutput(t) { const { _root: e, _color: o, options: n } = this; if (e.interaction.type()) { const t = `to${e.interaction.type().getAttribute("data-type")}`; e.interaction.result.value = "function" == typeof o[t] ? o[t]().toString(n.outputPrecision) : "" } !this._initializingActive && this._recalc && this._emit("change", o, t, this) } _clearColor(t = !1) { const { _root: e, options: o } = this; o.useAsButton || e.button.style.setProperty("--pcr-color", "rgba(0, 0, 0, 0.15)"), e.button.classList.add("clear"), o.showAlways || this.hide(), this._lastColor = null, this._initializingActive || t || (this._emit("save", null), this._emit("clear")) } _parseLocalColor(t) { const { values: e, type: o, a: n } = w(t), { lockOpacity: i } = this.options, s = void 0 !== n && 1 !== n; return e && 3 === e.length && (e[3] = void 0), { values: !e || i && s ? null : e, type: o } } _t(t) { return this.options.i18n[t] || L.I18N_DEFAULTS[t] } _emit(t, ...e) { this._eventListener[t].forEach((t => t(...e, this))) } on(t, e) { return this._eventListener[t].push(e), this } off(t, e) { const o = this._eventListener[t] || [], n = o.indexOf(e); return ~n && o.splice(n, 1), this } addSwatch(t) { const { values: e } = this._parseLocalColor(t); if (e) { const { _swatchColors: t, _root: o } = this, n = A(...e), s = r(``); return o.swatches.appendChild(s), t.push({ el: s, color: n }), this._eventBindings.push(i(s, "click", (() => { this.setHSVA(...n.toHSVA(), !0), this._emit("swatchselect", n), this._emit("change", n, "swatch", this) }))), !0 } return !1 } removeSwatch(t) { const e = this._swatchColors[t]; if (e) { const { el: o } = e; return this._root.swatches.removeChild(o), this._swatchColors.splice(t, 1), !0 } return !1 } applyColor(t = !1) { const { preview: e, button: o } = this._root, n = this._color.toRGBA().toString(0); return e.lastColor.style.setProperty("--pcr-color", n), this.options.useAsButton || o.style.setProperty("--pcr-color", n), o.classList.remove("clear"), this._lastColor = this._color.clone(), this._initializingActive || t || this._emit("save", this._color), this } destroy() { cancelAnimationFrame(this._setupAnimationFrame), this._eventBindings.forEach((t => s(...t))), Object.keys(this._components).forEach((t => this._components[t].destroy())) } destroyAndRemove() { this.destroy(); const { root: t, app: e } = this._root; t.parentElement && t.parentElement.removeChild(t), e.parentElement.removeChild(e), Object.keys(this).forEach((t => this[t] = null)) } hide() { return !!this.isOpen() && (this._root.app.classList.remove("visible"), this._emit("hide"), !0) } show() { return !this.options.disabled && !this.isOpen() && (this._root.app.classList.add("visible"), this._rePositioningPicker(), this._emit("show", this._color), this) } isOpen() { return this._root.app.classList.contains("visible") } setHSVA(t = 360, e = 0, o = 0, n = 1, i = !1) { const s = this._recalc; if (this._recalc = !1, t < 0 || t > 360 || e < 0 || e > 100 || o < 0 || o > 100 || n < 0 || n > 1) return !1; this._color = A(t, e, o, n); const { hue: r, opacity: a, palette: l } = this._components; return r.update(t / 360), a.update(n), l.update(e / 100, 1 - o / 100), i || this.applyColor(), s && this._updateOutput(), this._recalc = s, !0 } setColor(t, e = !1) { if (null === t) return this._clearColor(e), !0; const { values: o, type: n } = this._parseLocalColor(t); if (o) { const t = n.toUpperCase(), { options: i } = this._root.interaction, s = i.find((e => e.getAttribute("data-type") === t)); if (s && !s.hidden) for (const t of i) t.classList[t === s ? "add" : "remove"]("active"); return !!this.setHSVA(...o, e) && this.setColorRepresentation(t) } return !1 } setColorRepresentation(t) { return t = t.toUpperCase(), !!this._root.interaction.options.find((e => e.getAttribute("data-type").startsWith(t) && !e.click())) } getColorRepresentation() { return this._representation } getColor() { return this._color } getSelectedColor() { return this._lastColor } getRoot() { return this._root } disable() { return this.hide(), this.options.disabled = !0, this._root.button.classList.add("disabled"), this } enable() { return this.options.disabled = !1, this._root.button.classList.remove("disabled"), this } } return E(L, "utils", o), E(L, "version", "1.8.2"), E(L, "I18N_DEFAULTS", { "ui:dialog": "color picker dialog", "btn:toggle": "toggle color picker dialog", "btn:swatch": "color swatch", "btn:last-color": "use previous color", "btn:save": "Save", "btn:cancel": "Cancel", "btn:clear": "Clear", "aria:btn:save": "save and close", "aria:btn:cancel": "cancel and close", "aria:btn:clear": "clear and close", "aria:input": "color input field", "aria:palette": "color selection area", "aria:hue": "hue selection slider", "aria:opacity": "selection slider" }), E(L, "DEFAULT_OPTIONS", { appClass: null, theme: "classic", useAsButton: !1, padding: 8, disabled: !1, comparison: !0, closeOnScroll: !1, outputPrecision: 0, lockOpacity: !1, autoReposition: !0, container: "body", components: { interaction: {} }, i18n: {}, swatches: null, inline: !1, sliders: null, default: "#42445a", defaultRepresentation: null, position: "bottom-middle", adjustableNumbers: !0, showAlways: !1, closeWithKey: "Escape" }), E(L, "create", (t => new L(t))), e = e.default })() })); + +Pickr.prototype.getSwatches = function () { + return this._swatchColors.reduce((arr, swatch) => { + arr.push(swatch.color.toRGBA().toString(0)); + return arr; + }, []); +} + +Pickr.prototype.setSwatches = function (swatches) { + swatches = swatches || []; + + for (let i = this._swatchColors.length - 1; i > -1; i--) { + this.removeSwatch(i); + } + + swatches.forEach(swatch => this.addSwatch(swatch)); +} \ No newline at end of file diff --git a/_content/Blazorise/vendors/autoNumeric.js b/_content/Blazorise/vendors/autoNumeric.js new file mode 100755 index 0000000..88ce79c --- /dev/null +++ b/_content/Blazorise/vendors/autoNumeric.js @@ -0,0 +1,6 @@ +/** + * AutoNumeric.js v4.6.0 + * © 2009-2019 Robert J. Knothe, Alexandre Bonneau + * Released under the MIT License. + */ +!function (e, t) { "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.AutoNumeric = t() : e.AutoNumeric = t() }(window, function () { return n = {}, a.m = i = [function (e, t, i) { "use strict"; i.r(t); var n = { allowedTagList: ["b", "caption", "cite", "code", "const", "dd", "del", "div", "dfn", "dt", "em", "h1", "h2", "h3", "h4", "h5", "h6", "input", "ins", "kdb", "label", "li", "option", "output", "p", "q", "s", "sample", "span", "strong", "td", "th", "u"] }; Object.freeze(n.allowedTagList), Object.defineProperty(n, "allowedTagList", { configurable: !1, writable: !1 }), n.keyCode = { Backspace: 8, Tab: 9, Enter: 13, Shift: 16, Ctrl: 17, Alt: 18, Pause: 19, CapsLock: 20, Esc: 27, Space: 32, PageUp: 33, PageDown: 34, End: 35, Home: 36, LeftArrow: 37, UpArrow: 38, RightArrow: 39, DownArrow: 40, Insert: 45, Delete: 46, num0: 48, num1: 49, num2: 50, num3: 51, num4: 52, num5: 53, num6: 54, num7: 55, num8: 56, num9: 57, a: 65, b: 66, c: 67, d: 68, e: 69, f: 70, g: 71, h: 72, i: 73, j: 74, k: 75, l: 76, m: 77, n: 78, o: 79, p: 80, q: 81, r: 82, s: 83, t: 84, u: 85, v: 86, w: 87, x: 88, y: 89, z: 90, OSLeft: 91, OSRight: 92, ContextMenu: 93, numpad0: 96, numpad1: 97, numpad2: 98, numpad3: 99, numpad4: 100, numpad5: 101, numpad6: 102, numpad7: 103, numpad8: 104, numpad9: 105, MultiplyNumpad: 106, PlusNumpad: 107, MinusNumpad: 109, DotNumpad: 110, SlashNumpad: 111, F1: 112, F2: 113, F3: 114, F4: 115, F5: 116, F6: 117, F7: 118, F8: 119, F9: 120, F10: 121, F11: 122, F12: 123, NumLock: 144, ScrollLock: 145, HyphenFirefox: 173, MyComputer: 182, MyCalculator: 183, Semicolon: 186, Equal: 187, Comma: 188, Hyphen: 189, Dot: 190, Slash: 191, Backquote: 192, LeftBracket: 219, Backslash: 220, RightBracket: 221, Quote: 222, Command: 224, AltGraph: 225, AndroidDefault: 229 }, Object.freeze(n.keyCode), Object.defineProperty(n, "keyCode", { configurable: !1, writable: !1 }), n.fromCharCodeKeyCode = { 0: "LaunchCalculator", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt", 19: "Pause", 20: "CapsLock", 27: "Escape", 32: " ", 33: "PageUp", 34: "PageDown", 35: "End", 36: "Home", 37: "ArrowLeft", 38: "ArrowUp", 39: "ArrowRight", 40: "ArrowDown", 45: "Insert", 46: "Delete", 48: "0", 49: "1", 50: "2", 51: "3", 52: "4", 53: "5", 54: "6", 55: "7", 56: "8", 57: "9", 91: "OS", 92: "OSRight", 93: "ContextMenu", 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111: "/", 112: "F1", 113: "F2", 114: "F3", 115: "F4", 116: "F5", 117: "F6", 118: "F7", 119: "F8", 120: "F9", 121: "F10", 122: "F11", 123: "F12", 144: "NumLock", 145: "ScrollLock", 173: "-", 182: "MyComputer", 183: "MyCalculator", 186: ";", 187: "=", 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", 221: "]", 222: "'", 224: "Meta", 225: "AltGraph" }, Object.freeze(n.fromCharCodeKeyCode), Object.defineProperty(n, "fromCharCodeKeyCode", { configurable: !1, writable: !1 }), n.keyName = { Unidentified: "Unidentified", AndroidDefault: "AndroidDefault", Alt: "Alt", AltGr: "AltGraph", CapsLock: "CapsLock", Ctrl: "Control", Fn: "Fn", FnLock: "FnLock", Hyper: "Hyper", Meta: "Meta", OSLeft: "OS", OSRight: "OS", Command: "OS", NumLock: "NumLock", ScrollLock: "ScrollLock", Shift: "Shift", Super: "Super", Symbol: "Symbol", SymbolLock: "SymbolLock", Enter: "Enter", Tab: "Tab", Space: " ", LeftArrow: "ArrowLeft", UpArrow: "ArrowUp", RightArrow: "ArrowRight", DownArrow: "ArrowDown", End: "End", Home: "Home", PageUp: "PageUp", PageDown: "PageDown", Backspace: "Backspace", Clear: "Clear", Copy: "Copy", CrSel: "CrSel", Cut: "Cut", Delete: "Delete", EraseEof: "EraseEof", ExSel: "ExSel", Insert: "Insert", Paste: "Paste", Redo: "Redo", Undo: "Undo", Accept: "Accept", Again: "Again", Attn: "Attn", Cancel: "Cancel", ContextMenu: "ContextMenu", Esc: "Escape", Execute: "Execute", Find: "Find", Finish: "Finish", Help: "Help", Pause: "Pause", Play: "Play", Props: "Props", Select: "Select", ZoomIn: "ZoomIn", ZoomOut: "ZoomOut", BrightnessDown: "BrightnessDown", BrightnessUp: "BrightnessUp", Eject: "Eject", LogOff: "LogOff", Power: "Power", PowerOff: "PowerOff", PrintScreen: "PrintScreen", Hibernate: "Hibernate", Standby: "Standby", WakeUp: "WakeUp", Compose: "Compose", Dead: "Dead", F1: "F1", F2: "F2", F3: "F3", F4: "F4", F5: "F5", F6: "F6", F7: "F7", F8: "F8", F9: "F9", F10: "F10", F11: "F11", F12: "F12", Print: "Print", num0: "0", num1: "1", num2: "2", num3: "3", num4: "4", num5: "5", num6: "6", num7: "7", num8: "8", num9: "9", a: "a", b: "b", c: "c", d: "d", e: "e", f: "f", g: "g", h: "h", i: "i", j: "j", k: "k", l: "l", m: "m", n: "n", o: "o", p: "p", q: "q", r: "r", s: "s", t: "t", u: "u", v: "v", w: "w", x: "x", y: "y", z: "z", A: "A", B: "B", C: "C", D: "D", E: "E", F: "F", G: "G", H: "H", I: "I", J: "J", K: "K", L: "L", M: "M", N: "N", O: "O", P: "P", Q: "Q", R: "R", S: "S", T: "T", U: "U", V: "V", W: "W", X: "X", Y: "Y", Z: "Z", Semicolon: ";", Equal: "=", Comma: ",", Hyphen: "-", Minus: "-", Plus: "+", Dot: ".", Slash: "/", Backquote: "`", LeftParenthesis: "(", RightParenthesis: ")", LeftBracket: "[", RightBracket: "]", Backslash: "\\", Quote: "'", numpad0: "0", numpad1: "1", numpad2: "2", numpad3: "3", numpad4: "4", numpad5: "5", numpad6: "6", numpad7: "7", numpad8: "8", numpad9: "9", NumpadDot: ".", NumpadDotAlt: ",", NumpadMultiply: "*", NumpadPlus: "+", NumpadMinus: "-", NumpadSubtract: "-", NumpadSlash: "/", NumpadDotObsoleteBrowsers: "Decimal", NumpadMultiplyObsoleteBrowsers: "Multiply", NumpadPlusObsoleteBrowsers: "Add", NumpadMinusObsoleteBrowsers: "Subtract", NumpadSlashObsoleteBrowsers: "Divide", _allFnKeys: ["F1", "F2", "F3", "F4", "F5", "F6", "F7", "F8", "F9", "F10", "F11", "F12"], _someNonPrintableKeys: ["Tab", "Enter", "Shift", "ShiftLeft", "ShiftRight", "Control", "ControlLeft", "ControlRight", "Alt", "AltLeft", "AltRight", "Pause", "CapsLock", "Escape"], _directionKeys: ["PageUp", "PageDown", "End", "Home", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowUp"] }, Object.freeze(n.keyName._allFnKeys), Object.freeze(n.keyName._someNonPrintableKeys), Object.freeze(n.keyName._directionKeys), Object.freeze(n.keyName), Object.defineProperty(n, "keyName", { configurable: !1, writable: !1 }), Object.freeze(n); var g = n; function a(e) { return function (e) { if (Array.isArray(e)) return o(e) }(e) || function (e) { if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) return Array.from(e) }(e) || s(e) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function r() { return (r = Object.assign || function (e) { for (var t = 1; t < arguments.length; t++) { var i = arguments[t]; for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n]) } return e }).apply(this, arguments) } function h(e, t) { return function (e) { if (Array.isArray(e)) return e }(e) || function (e, t) { if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) { var i = [], n = !0, a = !1, r = void 0; try { for (var s, o = e[Symbol.iterator](); !(n = (s = o.next()).done) && (i.push(s.value), !t || i.length !== t); n = !0); } catch (e) { a = !0, r = e } finally { try { n || null == o.return || o.return() } finally { if (a) throw r } } return i } }(e, t) || s(e, t) || function () { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function s(e, t) { if (e) { if ("string" == typeof e) return o(e, t); var i = Object.prototype.toString.call(e).slice(8, -1); return "Object" === i && e.constructor && (i = e.constructor.name), "Map" === i || "Set" === i ? Array.from(i) : "Arguments" === i || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? o(e, t) : void 0 } } function o(e, t) { (null == t || t > e.length) && (t = e.length); for (var i = 0, n = new Array(t); i < t; i++)n[i] = e[i]; return n } function l(e) { return (l = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } var M = function () { function s() { !function (e) { if (!(e instanceof s)) throw new TypeError("Cannot call a class as a function") }(this) } return function (e, t) { for (var i = 0; i < t.length; i++) { var n = t[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n) } }(s, [{ key: "isNull", value: function (e) { return null === e } }, { key: "isUndefined", value: function (e) { return void 0 === e } }, { key: "isUndefinedOrNullOrEmpty", value: function (e) { return null == e || "" === e } }, { key: "isString", value: function (e) { return "string" == typeof e || e instanceof String } }, { key: "isEmptyString", value: function (e) { return "" === e } }, { key: "isBoolean", value: function (e) { return "boolean" == typeof e } }, { key: "isTrueOrFalseString", value: function (e) { var t = String(e).toLowerCase(); return "true" === t || "false" === t } }, { key: "isObject", value: function (e) { return "object" === l(e) && null !== e && !Array.isArray(e) } }, { key: "isEmptyObj", value: function (e) { for (var t in e) if (Object.prototype.hasOwnProperty.call(e, t)) return !1; return !0 } }, { key: "isNumberStrict", value: function (e) { return "number" == typeof e } }, { key: "isNumber", value: function (e) { return !this.isArray(e) && !isNaN(parseFloat(e)) && isFinite(e) } }, { key: "isDigit", value: function (e) { return /\d/.test(e) } }, { key: "isNumberOrArabic", value: function (e) { var t = this.arabicToLatinNumbers(e, !1, !0, !0); return this.isNumber(t) } }, { key: "isInt", value: function (e) { return "number" == typeof e && parseFloat(e) === parseInt(e, 10) && !isNaN(e) } }, { key: "isFunction", value: function (e) { return "function" == typeof e } }, { key: "isIE11", value: function () { return "undefined" != typeof window && !!window.MSInputMethodContext && !!document.documentMode } }, { key: "contains", value: function (e, t) { return !(!this.isString(e) || !this.isString(t) || "" === e || "" === t) && -1 !== e.indexOf(t) } }, { key: "isInArray", value: function (e, t) { return !(!this.isArray(t) || t === [] || this.isUndefined(e)) && -1 !== t.indexOf(e) } }, { key: "isArray", value: function (e) { if ("[object Array]" === Object.prototype.toString.call([])) return Array.isArray(e) || "object" === l(e) && "[object Array]" === Object.prototype.toString.call(e); throw new Error("toString message changed for Object Array") } }, { key: "isElement", value: function (e) { return "undefined" != typeof Element && e instanceof Element } }, { key: "isInputElement", value: function (e) { return this.isElement(e) && "input" === e.tagName.toLowerCase() } }, { key: "decimalPlaces", value: function (e) { var t = h(e.split("."), 2)[1]; return this.isUndefined(t) ? 0 : t.length } }, { key: "indexFirstNonZeroDecimalPlace", value: function (e) { var t = h(String(Math.abs(e)).split("."), 2)[1]; if (this.isUndefined(t)) return 0; var i = t.lastIndexOf("0"); return -1 === i ? i = 0 : i += 2, i } }, { key: "keyCodeNumber", value: function (e) { return void 0 === e.which ? e.keyCode : e.which } }, { key: "character", value: function (e) { var t; if ("Unidentified" === e.key || void 0 === e.key || this.isSeleniumBot()) { var i = this.keyCodeNumber(e); if (i === g.keyCode.AndroidDefault) return g.keyName.AndroidDefault; var n = g.fromCharCodeKeyCode[i]; t = s.isUndefinedOrNullOrEmpty(n) ? String.fromCharCode(i) : n } else { var a; switch (e.key) { case "Add": t = g.keyName.NumpadPlus; break; case "Apps": t = g.keyName.ContextMenu; break; case "Crsel": t = g.keyName.CrSel; break; case "Decimal": t = e.char ? e.char : g.keyName.NumpadDot; break; case "Del": t = "firefox" === (a = this.browser()).name && a.version <= 36 || "ie" === a.name && a.version <= 9 ? g.keyName.Dot : g.keyName.Delete; break; case "Divide": t = g.keyName.NumpadSlash; break; case "Down": t = g.keyName.DownArrow; break; case "Esc": t = g.keyName.Esc; break; case "Exsel": t = g.keyName.ExSel; break; case "Left": t = g.keyName.LeftArrow; break; case "Meta": case "Super": t = g.keyName.OSLeft; break; case "Multiply": t = g.keyName.NumpadMultiply; break; case "Right": t = g.keyName.RightArrow; break; case "Spacebar": t = g.keyName.Space; break; case "Subtract": t = g.keyName.NumpadMinus; break; case "Up": t = g.keyName.UpArrow; break; default: t = e.key } } return t } }, { key: "browser", value: function () { var e, t = navigator.userAgent, i = t.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; return /trident/i.test(i[1]) ? { name: "ie", version: (e = /\brv[ :]+(\d+)/g.exec(t) || [])[1] || "" } : "Chrome" === i[1] && null !== (e = t.match(/\b(OPR|Edge)\/(\d+)/)) ? { name: e[1].replace("OPR", "opera"), version: e[2] } : (i = i[2] ? [i[1], i[2]] : [navigator.appName, navigator.appVersion, "-?"], null !== (e = t.match(/version\/(\d+)/i)) && i.splice(1, 1, e[1]), { name: i[0].toLowerCase(), version: i[1] }) } }, { key: "isSeleniumBot", value: function () { return !0 === window.navigator.webdriver } }, { key: "isNegative", value: function (e, t, i) { var n = 1 < arguments.length && void 0 !== t ? t : "-", a = !(2 < arguments.length && void 0 !== i) || i; return e === n || "" !== e && (s.isNumber(e) ? e < 0 : a ? this.contains(e, n) : this.isNegativeStrict(e, n)) } }, { key: "isNegativeStrict", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : "-"; return e.charAt(0) === i } }, { key: "isNegativeWithBrackets", value: function (e, t, i) { return e.charAt(0) === t && this.contains(e, i) } }, { key: "isZeroOrHasNoValue", value: function (e) { return !/[1-9]/g.test(e) } }, { key: "setRawNegativeSign", value: function (e) { return this.isNegativeStrict(e, "-") ? e : "-".concat(e) } }, { key: "replaceCharAt", value: function (e, t, i) { return "".concat(e.substr(0, t)).concat(i).concat(e.substr(t + i.length)) } }, { key: "clampToRangeLimits", value: function (e, t) { return Math.max(t.minimumValue, Math.min(t.maximumValue, e)) } }, { key: "countNumberCharactersOnTheCaretLeftSide", value: function (e, t, i) { for (var n = new RegExp("[0-9".concat(i, "-]")), a = 0, r = 0; r < t; r++)n.test(e[r]) && a++; return a } }, { key: "findCaretPositionInFormattedNumber", value: function (e, t, i, n) { var a, r = i.length, s = e.length, o = 0; for (a = 0; a < r && o < s && o < t; a++)(e[o] === i[a] || "." === e[o] && i[a] === n) && o++; return a } }, { key: "countCharInText", value: function (e, t) { for (var i = 0, n = 0; n < t.length; n++)t[n] === e && i++; return i } }, { key: "convertCharacterCountToIndexPosition", value: function (e) { return Math.max(e, e - 1) } }, { key: "getElementSelection", value: function (e) { var t, i = {}; try { t = this.isUndefined(e.selectionStart) } catch (e) { t = !1 } try { if (t) { var n = window.getSelection().getRangeAt(0); i.start = n.startOffset, i.end = n.endOffset, i.length = i.end - i.start } else i.start = e.selectionStart, i.end = e.selectionEnd, i.length = i.end - i.start } catch (e) { i.start = 0, i.end = 0, i.length = 0 } return i } }, { key: "setElementSelection", value: function (e, t, i) { var n = 2 < arguments.length && void 0 !== i ? i : null; if (this.isUndefinedOrNullOrEmpty(n) && (n = t), this.isInputElement(e)) e.setSelectionRange(t, n); else if (!s.isNull(e.firstChild)) { var a = document.createRange(); a.setStart(e.firstChild, t), a.setEnd(e.firstChild, n); var r = window.getSelection(); r.removeAllRanges(), r.addRange(a) } } }, { key: "throwError", value: function (e) { throw new Error(e) } }, { key: "warning", value: function (e, t) { 1 < arguments.length && void 0 !== t && !t || console.warn("Warning: ".concat(e)) } }, { key: "isWheelEvent", value: function (e) { return e instanceof WheelEvent } }, { key: "isWheelUpEvent", value: function (e) { return this.isWheelEvent(e) && !this.isUndefinedOrNullOrEmpty(e.deltaY) || this.throwError("The event passed as a parameter is not a valid wheel event, '".concat(e.type, "' given.")), e.deltaY < 0 } }, { key: "isWheelDownEvent", value: function (e) { return this.isWheelEvent(e) && !this.isUndefinedOrNullOrEmpty(e.deltaY) || this.throwError("The event passed as a parameter is not a valid wheel event, '".concat(e.type, "' given.")), 0 < e.deltaY } }, { key: "forceDecimalPlaces", value: function (e, t) { var i = h(String(e).split("."), 2), n = i[0], a = i[1]; return a ? "".concat(n, ".").concat(a.substr(0, t)) : e } }, { key: "roundToNearest", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : 1e3; return 0 === e ? 0 : (0 === i && this.throwError("The `stepPlace` used to round is equal to `0`. This value must not be equal to zero."), Math.round(e / i) * i) } }, { key: "modifyAndRoundToNearestAuto", value: function (e, t, i) { e = Number(this.forceDecimalPlaces(e, i)); var n = Math.abs(e); if (0 <= n && n < 1) { var a, r = Math.pow(10, -i); if (0 === e) return t ? r : -r; var s, o = i, l = this.indexFirstNonZeroDecimalPlace(e); return a = o - 1 <= l ? r : Math.pow(10, -(l + 1)), s = t ? e + a : e - a, this.roundToNearest(s, a) } e = parseInt(e, 10); var u, c = Math.abs(e).toString().length; switch (c) { case 1: u = 0; break; case 2: case 3: u = 1; break; case 4: case 5: u = 2; break; default: u = c - 3 }var h, m = Math.pow(10, u); return (h = t ? e + m : e - m) <= 10 && -10 <= h ? h : this.roundToNearest(h, m) } }, { key: "addAndRoundToNearestAuto", value: function (e, t) { return this.modifyAndRoundToNearestAuto(e, !0, t) } }, { key: "subtractAndRoundToNearestAuto", value: function (e, t) { return this.modifyAndRoundToNearestAuto(e, !1, t) } }, { key: "arabicToLatinNumbers", value: function (e, t, i, n) { var a = !(1 < arguments.length && void 0 !== t) || t, r = 2 < arguments.length && void 0 !== i && i, s = 3 < arguments.length && void 0 !== n && n; if (this.isNull(e)) return e; var o = e.toString(); if ("" === o) return e; if (null === o.match(/[٠١٢٣٤٥٦٧٨٩۴۵۶]/g)) return a && (o = Number(o)), o; r && (o = o.replace(/٫/, ".")), s && (o = o.replace(/٬/g, "")), o = o.replace(/[٠١٢٣٤٥٦٧٨٩]/g, function (e) { return e.charCodeAt(0) - 1632 }).replace(/[۰۱۲۳۴۵۶۷۸۹]/g, function (e) { return e.charCodeAt(0) - 1776 }); var l = Number(o); return isNaN(l) ? l : (a && (o = l), o) } }, { key: "triggerEvent", value: function (e, t, i, n, a) { var r, s = 1 < arguments.length && void 0 !== t ? t : document, o = 2 < arguments.length && void 0 !== i ? i : null, l = !(3 < arguments.length && void 0 !== n) || n, u = !(4 < arguments.length && void 0 !== a) || a; window.CustomEvent ? r = new CustomEvent(e, { detail: o, bubbles: l, cancelable: u }) : (r = document.createEvent("CustomEvent")).initCustomEvent(e, l, u, { detail: o }), s.dispatchEvent(r) } }, { key: "parseStr", value: function (e) { var t, i, n, a, r = {}; if (0 === e && 1 / e < 0 && (e = "-0"), e = e.toString(), this.isNegativeStrict(e, "-") ? (e = e.slice(1), r.s = -1) : r.s = 1, -1 < (t = e.indexOf(".")) && (e = e.replace(".", "")), t < 0 && (t = e.length), (i = -1 === e.search(/[1-9]/i) ? e.length : e.search(/[1-9]/i)) === (n = e.length)) r.e = 0, r.c = [0]; else { for (a = n - 1; "0" === e.charAt(a); --a)--n; for (--n, r.e = t - i - 1, r.c = [], t = 0; i <= n; i += 1)r.c[t] = +e.charAt(i), t += 1 } return r } }, { key: "testMinMax", value: function (e, t) { var i = t.c, n = e.c, a = t.s, r = e.s, s = t.e, o = e.e; if (!i[0] || !n[0]) return i[0] ? a : n[0] ? -r : 0; if (a !== r) return a; var l = a < 0; if (s !== o) return o < s ^ l ? 1 : -1; for (a = -1, r = (s = i.length) < (o = n.length) ? s : o, a += 1; a < r; a += 1)if (i[a] !== n[a]) return i[a] > n[a] ^ l ? 1 : -1; return s === o ? 0 : o < s ^ l ? 1 : -1 } }, { key: "randomString", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : 5; return Math.random().toString(36).substr(2, t) } }, { key: "domElement", value: function (e) { return s.isString(e) ? document.querySelector(e) : e } }, { key: "getElementValue", value: function (e) { return "input" === e.tagName.toLowerCase() ? e.value : this.text(e) } }, { key: "setElementValue", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; "input" === e.tagName.toLowerCase() ? e.value = i : e.textContent = i } }, { key: "setInvalidState", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : "Invalid"; "" !== i && !this.isNull(i) || this.throwError("Cannot set the invalid state with an empty message."), e.setCustomValidity(i) } }, { key: "setValidState", value: function (e) { e.setCustomValidity("") } }, { key: "cloneObject", value: function (e) { return r({}, e) } }, { key: "camelize", value: function (e, t, i, n) { var a = 1 < arguments.length && void 0 !== t ? t : "-", r = !(2 < arguments.length && void 0 !== i) || i, s = !(3 < arguments.length && void 0 !== n) || n; if (this.isNull(e)) return null; r && (e = e.replace(/^data-/, "")); var o = e.split(a).map(function (e) { return "".concat(e.charAt(0).toUpperCase()).concat(e.slice(1)) }); return o = o.join(""), s && (o = "".concat(o.charAt(0).toLowerCase()).concat(o.slice(1))), o } }, { key: "text", value: function (e) { var t = e.nodeType; return t === Node.ELEMENT_NODE || t === Node.DOCUMENT_NODE || t === Node.DOCUMENT_FRAGMENT_NODE ? e.textContent : t === Node.TEXT_NODE ? e.nodeValue : "" } }, { key: "setText", value: function (e, t) { var i = e.nodeType; i !== Node.ELEMENT_NODE && i !== Node.DOCUMENT_NODE && i !== Node.DOCUMENT_FRAGMENT_NODE || (e.textContent = t) } }, { key: "filterOut", value: function (e, t) { var i = this; return e.filter(function (e) { return !i.isInArray(e, t) }) } }, { key: "trimPaddedZerosFromDecimalPlaces", value: function (e) { if ("" === (e = String(e))) return ""; var t = h(e.split("."), 2), i = t[0], n = t[1]; if (this.isUndefinedOrNullOrEmpty(n)) return i; var a = n.replace(/0+$/g, ""); return "" === a ? i : "".concat(i, ".").concat(a) } }, { key: "getHoveredElement", value: function () { var e = a(document.querySelectorAll(":hover")); return e[e.length - 1] } }, { key: "arrayTrim", value: function (e, t) { var i = e.length; return 0 === i || i < t ? e : t < 0 ? [] : (e.length = parseInt(t, 10), e) } }, { key: "arrayUnique", value: function () { var e; return a(new Set((e = []).concat.apply(e, arguments))) } }, { key: "mergeMaps", value: function () { for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)t[i] = arguments[i]; return new Map(t.reduce(function (e, t) { return e.concat(a(t)) }, [])) } }, { key: "objectKeyLookup", value: function (e, t) { var i = Object.entries(e).find(function (e) { return e[1] === t }), n = null; return void 0 !== i && (n = i[0]), n } }, { key: "insertAt", value: function (e, t, i) { if (i > (e = String(e)).length) throw new Error("The given index is out of the string range."); if (1 !== t.length) throw new Error("The given string `char` should be only one character long."); return "" === e && 0 === i ? t : "".concat(e.slice(0, i)).concat(t).concat(e.slice(i)) } }, { key: "scientificToDecimal", value: function (e) { var t = Number(e); if (isNaN(t)) return NaN; if (e = String(e), !this.contains(e, "e") && !this.contains(e, "E")) return e; var i = h(e.split(/e/i), 2), n = i[0], a = i[1], r = n < 0; r && (n = n.replace("-", "")); var s = +a < 0; s && (a = a.replace("-", "")); var o, l = h(n.split(/\./), 2), u = l[0], c = l[1]; return o = s ? (o = u.length > a ? this.insertAt(u, ".", u.length - a) : "0.".concat("0".repeat(a - u.length)).concat(u), "".concat(o).concat(c || "")) : c ? (n = "".concat(u).concat(c), a < c.length ? this.insertAt(n, ".", +a + u.length) : "".concat(n).concat("0".repeat(a - c.length))) : (n = n.replace(".", ""), "".concat(n).concat("0".repeat(Number(a)))), r && (o = "-".concat(o)), o } }]), s }(), u = function () { function t(e) { if (function (e) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function") }(this), null === e) throw new Error("Invalid AST") } return function (e, t) { for (var i = 0; i < t.length; i++) { var n = t[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n) } }(t.prototype, [{ key: "evaluate", value: function (e) { if (null == e) throw new Error("Invalid AST sub-tree"); if ("number" === e.type) return e.value; if ("unaryMinus" === e.type) return -this.evaluate(e.left); var t = this.evaluate(e.left), i = this.evaluate(e.right); switch (e.type) { case "op_+": return Number(t) + Number(i); case "op_-": return t - i; case "op_*": return t * i; case "op_/": return t / i; default: throw new Error("Invalid operator '".concat(e.type, "'")) } } }]), t }(), c = function () { function a() { !function (e) { if (!(e instanceof a)) throw new TypeError("Cannot call a class as a function") }(this) } return function (e, t) { for (var i = 0; i < t.length; i++) { var n = t[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n) } }(a, [{ key: "createNode", value: function (e, t, i) { var n = new a; return n.type = e, n.left = t, n.right = i, n } }, { key: "createUnaryNode", value: function (e) { var t = new a; return t.type = "unaryMinus", t.left = e, t.right = null, t } }, { key: "createLeaf", value: function (e) { var t = new a; return t.type = "number", t.value = e, t } }]), a }(); function m(e, t, i) { !function (e) { if (!(e instanceof m)) throw new TypeError("Cannot call a class as a function") }(this), this.type = e, this.value = t, this.symbol = i } var d = function () { function t(e) { !function (e) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function") }(this), this.text = e, this.textLength = e.length, this.index = 0, this.token = new m("Error", 0, 0) } return function (e, t) { for (var i = 0; i < t.length; i++) { var n = t[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n) } }(t.prototype, [{ key: "_skipSpaces", value: function () { for (; " " === this.text[this.index] && this.index <= this.textLength;)this.index++ } }, { key: "getIndex", value: function () { return this.index } }, { key: "getNextToken", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : "."; if (this._skipSpaces(), this.textLength === this.index) return this.token.type = "EOT", this.token; if (M.isDigit(this.text[this.index])) return this.token.type = "num", this.token.value = this._getNumber(t), this.token; switch (this.token.type = "Error", this.text[this.index]) { case "+": this.token.type = "+"; break; case "-": this.token.type = "-"; break; case "*": this.token.type = "*"; break; case "/": this.token.type = "/"; break; case "(": this.token.type = "("; break; case ")": this.token.type = ")" }if ("Error" === this.token.type) throw new Error("Unexpected token '".concat(this.token.symbol, "' at position '").concat(this.token.index, "' in the token function")); return this.token.symbol = this.text[this.index], this.index++, this.token } }, { key: "_getNumber", value: function (e) { this._skipSpaces(); for (var t = this.index; this.index <= this.textLength && M.isDigit(this.text[this.index]);)this.index++; for (this.text[this.index] === e && this.index++; this.index <= this.textLength && M.isDigit(this.text[this.index]);)this.index++; if (this.index === t) throw new Error("No number has been found while it was expected"); return this.text.substring(t, this.index).replace(e, ".") } }]), t }(), v = function () { function i(e) { var t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : "."; return function (e) { if (!(e instanceof i)) throw new TypeError("Cannot call a class as a function") }(this), this.text = e, this.decimalCharacter = t, this.lexer = new d(e), this.token = this.lexer.getNextToken(this.decimalCharacter), this._exp() } return function (e, t) { for (var i = 0; i < t.length; i++) { var n = t[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n) } }(i.prototype, [{ key: "_exp", value: function () { var e = this._term(), t = this._moreExp(); return c.createNode("op_+", e, t) } }, { key: "_moreExp", value: function () { var e, t; switch (this.token.type) { case "+": return this.token = this.lexer.getNextToken(this.decimalCharacter), e = this._term(), t = this._moreExp(), c.createNode("op_+", t, e); case "-": return this.token = this.lexer.getNextToken(this.decimalCharacter), e = this._term(), t = this._moreExp(), c.createNode("op_-", t, e) }return c.createLeaf(0) } }, { key: "_term", value: function () { var e = this._factor(), t = this._moreTerms(); return c.createNode("op_*", e, t) } }, { key: "_moreTerms", value: function () { var e, t; switch (this.token.type) { case "*": return this.token = this.lexer.getNextToken(this.decimalCharacter), e = this._factor(), t = this._moreTerms(), c.createNode("op_*", t, e); case "/": return this.token = this.lexer.getNextToken(this.decimalCharacter), e = this._factor(), t = this._moreTerms(), c.createNode("op_/", t, e) }return c.createLeaf(1) } }, { key: "_factor", value: function () { var e, t, i; switch (this.token.type) { case "num": return i = this.token.value, this.token = this.lexer.getNextToken(this.decimalCharacter), c.createLeaf(i); case "-": return this.token = this.lexer.getNextToken(this.decimalCharacter), t = this._factor(), c.createUnaryNode(t); case "(": return this.token = this.lexer.getNextToken(this.decimalCharacter), e = this._exp(), this._match(")"), e; default: throw new Error("Unexpected token '".concat(this.token.symbol, "' with type '").concat(this.token.type, "' at position '").concat(this.token.index, "' in the factor function")) } } }, { key: "_match", value: function (e) { var t = this.lexer.getIndex() - 1; if (this.text[t] !== e) throw new Error("Unexpected token '".concat(this.token.symbol, "' at position '").concat(t, "' in the match function")); this.token = this.lexer.getNextToken(this.decimalCharacter) } }]), i }(); function p(e) { return function (e) { if (Array.isArray(e)) return y(e) }(e) || function (e) { if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) return Array.from(e) }(e) || f(e) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function S(e, t) { return function (e) { if (Array.isArray(e)) return e }(e) || function (e, t) { if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) { var i = [], n = !0, a = !1, r = void 0; try { for (var s, o = e[Symbol.iterator](); !(n = (s = o.next()).done) && (i.push(s.value), !t || i.length !== t); n = !0); } catch (e) { a = !0, r = e } finally { try { n || null == o.return || o.return() } finally { if (a) throw r } } return i } }(e, t) || f(e, t) || function () { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function f(e, t) { if (e) { if ("string" == typeof e) return y(e, t); var i = Object.prototype.toString.call(e).slice(8, -1); return "Object" === i && e.constructor && (i = e.constructor.name), "Map" === i || "Set" === i ? Array.from(i) : "Arguments" === i || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? y(e, t) : void 0 } } function y(e, t) { (null == t || t > e.length) && (t = e.length); for (var i = 0, n = new Array(t); i < t; i++)n[i] = e[i]; return n } function b() { return (b = Object.assign || function (e) { for (var t = 1; t < arguments.length; t++) { var i = arguments[t]; for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n]) } return e }).apply(this, arguments) } function w(e) { return (w = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function P(e, t) { for (var i = 0; i < t.length; i++) { var n = t[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n) } } var O, k = function () { function B() { var s = this, e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : null, t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : null, i = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null; !function (e) { if (!(e instanceof B)) throw new TypeError("Cannot call a class as a function") }(this); var n = B._setArgumentsValues(e, t, i), a = n.domElement, r = n.initialValue, o = n.userOptions; if (this.domElement = a, this.defaultRawValue = "", this._setSettings(o, !1), this._checkElement(), this.savedCancellableValue = null, this.historyTable = [], this.historyTableIndex = -1, this.onGoingRedo = !1, this.parentForm = this._getParentForm(), !this.runOnce && this.settings.formatOnPageLoad) this._formatDefaultValueOnPageLoad(r); else { var l; if (M.isNull(r)) switch (this.settings.emptyInputBehavior) { case B.options.emptyInputBehavior.min: l = this.settings.minimumValue; break; case B.options.emptyInputBehavior.max: l = this.settings.maximumValue; break; case B.options.emptyInputBehavior.zero: l = "0"; break; case B.options.emptyInputBehavior.focus: case B.options.emptyInputBehavior.press: case B.options.emptyInputBehavior.always: case B.options.emptyInputBehavior.null: l = ""; break; default: l = this.settings.emptyInputBehavior } else l = r; this._setElementAndRawValue(l) } this.runOnce = !0, this.hasEventListeners = !1, (this.isInputElement || this.isContentEditable) && (this.settings.noEventListeners || this._createEventListeners(), this._setWritePermissions(!0)), this._saveInitialValues(r), this.sessionStorageAvailable = this.constructor._storageTest(), this.storageNamePrefix = "AUTO_", this._setPersistentStorageName(), this.validState = !0, this.isFocused = !1, this.isWheelEvent = !1, this.isDropEvent = !1, this.isEditing = !1, this.rawValueOnFocus = void 0, this.internalModification = !1, this.attributeToWatch = this._getAttributeToWatch(), this.getterSetter = Object.getOwnPropertyDescriptor(this.domElement.__proto__, this.attributeToWatch), this._addWatcher(), this.settings.createLocalList && this._createLocalList(), this.constructor._addToGlobalList(this), this.global = { set: function (t, e) { var i = 1 < arguments.length && void 0 !== e ? e : null; s.autoNumericLocalList.forEach(function (e) { e.set(t, i) }) }, setUnformatted: function (t, e) { var i = 1 < arguments.length && void 0 !== e ? e : null; s.autoNumericLocalList.forEach(function (e) { e.setUnformatted(t, i) }) }, get: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null, i = []; return s.autoNumericLocalList.forEach(function (e) { i.push(e.get()) }), s._executeCallback(i, t), i }, getNumericString: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null, i = []; return s.autoNumericLocalList.forEach(function (e) { i.push(e.getNumericString()) }), s._executeCallback(i, t), i }, getFormatted: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null, i = []; return s.autoNumericLocalList.forEach(function (e) { i.push(e.getFormatted()) }), s._executeCallback(i, t), i }, getNumber: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null, i = []; return s.autoNumericLocalList.forEach(function (e) { i.push(e.getNumber()) }), s._executeCallback(i, t), i }, getLocalized: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null, i = []; return s.autoNumericLocalList.forEach(function (e) { i.push(e.getLocalized()) }), s._executeCallback(i, t), i }, reformat: function () { s.autoNumericLocalList.forEach(function (e) { e.reformat() }) }, unformat: function () { s.autoNumericLocalList.forEach(function (e) { e.unformat() }) }, unformatLocalized: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; s.autoNumericLocalList.forEach(function (e) { e.unformatLocalized(t) }) }, update: function () { for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)t[i] = arguments[i]; s.autoNumericLocalList.forEach(function (e) { e.update.apply(e, t) }) }, isPristine: function () { var t = !(0 < arguments.length && void 0 !== arguments[0]) || arguments[0], i = !0; return s.autoNumericLocalList.forEach(function (e) { i && !e.isPristine(t) && (i = !1) }), i }, clear: function (e) { var t = 0 < arguments.length && void 0 !== e && e; s.autoNumericLocalList.forEach(function (e) { e.clear(t) }) }, remove: function () { s.autoNumericLocalList.forEach(function (e) { e.remove() }) }, wipe: function () { s.autoNumericLocalList.forEach(function (e) { e.wipe() }) }, nuke: function () { s.autoNumericLocalList.forEach(function (e) { e.nuke() }) }, has: function (e) { return e instanceof B ? s.autoNumericLocalList.has(e.node()) : s.autoNumericLocalList.has(e) }, addObject: function (e) { var t, i; i = e instanceof B ? (t = e.node(), e) : B.getAutoNumericElement(t = e), s._hasLocalList() || s._createLocalList(); var n, a = i._getLocalList(); 0 === a.size && (i._createLocalList(), a = i._getLocalList()), (n = a instanceof Map ? M.mergeMaps(s._getLocalList(), a) : (s._addToLocalList(t, i), s._getLocalList())).forEach(function (e) { e._setLocalList(n) }) }, removeObject: function (e, t) { var i, n, a = 1 < arguments.length && void 0 !== t && t; n = e instanceof B ? (i = e.node(), e) : B.getAutoNumericElement(i = e); var r = s.autoNumericLocalList; s.autoNumericLocalList.delete(i), r.forEach(function (e) { e._setLocalList(s.autoNumericLocalList) }), a || i !== s.node() ? n._createLocalList() : n._setLocalList(new Map) }, empty: function (e) { var t = 0 < arguments.length && void 0 !== e && e; s.autoNumericLocalList.forEach(function (e) { t ? e._createLocalList() : e._setLocalList(new Map) }) }, elements: function () { var t = []; return s.autoNumericLocalList.forEach(function (e) { t.push(e.node()) }), t }, getList: function () { return s.autoNumericLocalList }, size: function () { return s.autoNumericLocalList.size } }, this.options = { reset: function () { return s.settings = { rawValue: s.defaultRawValue }, s.update(B.defaultSettings), s }, allowDecimalPadding: function (e) { return s.update({ allowDecimalPadding: e }), s }, alwaysAllowDecimalCharacter: function (e) { return s.update({ alwaysAllowDecimalCharacter: e }), s }, caretPositionOnFocus: function (e) { return s.settings.caretPositionOnFocus = e, s }, createLocalList: function (e) { return s.settings.createLocalList = e, s.settings.createLocalList ? s._hasLocalList() || s._createLocalList() : s._deleteLocalList(), s }, currencySymbol: function (e) { return s.update({ currencySymbol: e }), s }, currencySymbolPlacement: function (e) { return s.update({ currencySymbolPlacement: e }), s }, decimalCharacter: function (e) { return s.update({ decimalCharacter: e }), s }, decimalCharacterAlternative: function (e) { return s.settings.decimalCharacterAlternative = e, s }, decimalPlaces: function (e) { return M.warning("Using `options.decimalPlaces()` instead of calling the specific `options.decimalPlacesRawValue()`, `options.decimalPlacesShownOnFocus()` and `options.decimalPlacesShownOnBlur()` methods will reset those options.\nPlease call the specific methods if you do not want to reset those.", s.settings.showWarnings), s.update({ decimalPlaces: e }), s }, decimalPlacesRawValue: function (e) { return s.update({ decimalPlacesRawValue: e }), s }, decimalPlacesShownOnBlur: function (e) { return s.update({ decimalPlacesShownOnBlur: e }), s }, decimalPlacesShownOnFocus: function (e) { return s.update({ decimalPlacesShownOnFocus: e }), s }, defaultValueOverride: function (e) { return s.update({ defaultValueOverride: e }), s }, digitalGroupSpacing: function (e) { return s.update({ digitalGroupSpacing: e }), s }, digitGroupSeparator: function (e) { return s.update({ digitGroupSeparator: e }), s }, divisorWhenUnfocused: function (e) { return s.update({ divisorWhenUnfocused: e }), s }, emptyInputBehavior: function (e) { return null === s.rawValue && e !== B.options.emptyInputBehavior.null && (M.warning("You are trying to modify the `emptyInputBehavior` option to something different than `'null'` (".concat(e, "), but the element raw value is currently set to `null`. This would result in an invalid `rawValue`. In order to fix that, the element value has been changed to the empty string `''`."), s.settings.showWarnings), s.rawValue = ""), s.update({ emptyInputBehavior: e }), s }, eventBubbles: function (e) { return s.settings.eventBubbles = e, s }, eventIsCancelable: function (e) { return s.settings.eventIsCancelable = e, s }, failOnUnknownOption: function (e) { return s.settings.failOnUnknownOption = e, s }, formatOnPageLoad: function (e) { return s.settings.formatOnPageLoad = e, s }, formulaMode: function (e) { return s.settings.formulaMode = e, s }, historySize: function (e) { return s.settings.historySize = e, s }, invalidClass: function (e) { return s.settings.invalidClass = e, s }, isCancellable: function (e) { return s.settings.isCancellable = e, s }, leadingZero: function (e) { return s.update({ leadingZero: e }), s }, maximumValue: function (e) { return s.update({ maximumValue: e }), s }, minimumValue: function (e) { return s.update({ minimumValue: e }), s }, modifyValueOnWheel: function (e) { return s.settings.modifyValueOnWheel = e, s }, negativeBracketsTypeOnBlur: function (e) { return s.update({ negativeBracketsTypeOnBlur: e }), s }, negativePositiveSignPlacement: function (e) { return s.update({ negativePositiveSignPlacement: e }), s }, negativeSignCharacter: function (e) { return s.update({ negativeSignCharacter: e }), s }, noEventListeners: function (e) { return e === B.options.noEventListeners.noEvents && s.settings.noEventListeners === B.options.noEventListeners.addEvents && s._removeEventListeners(), s.update({ noEventListeners: e }), s }, onInvalidPaste: function (e) { return s.settings.onInvalidPaste = e, s }, outputFormat: function (e) { return s.settings.outputFormat = e, s }, overrideMinMaxLimits: function (e) { return s.update({ overrideMinMaxLimits: e }), s }, positiveSignCharacter: function (e) { return s.update({ positiveSignCharacter: e }), s }, rawValueDivisor: function (e) { return s.update({ rawValueDivisor: e }), s }, readOnly: function (e) { return s.settings.readOnly = e, s._setWritePermissions(), s }, roundingMethod: function (e) { return s.update({ roundingMethod: e }), s }, saveValueToSessionStorage: function (e) { return s.update({ saveValueToSessionStorage: e }), s }, symbolWhenUnfocused: function (e) { return s.update({ symbolWhenUnfocused: e }), s }, selectNumberOnly: function (e) { return s.settings.selectNumberOnly = e, s }, selectOnFocus: function (e) { return s.settings.selectOnFocus = e, s }, serializeSpaces: function (e) { return s.settings.serializeSpaces = e, s }, showOnlyNumbersOnFocus: function (e) { return s.update({ showOnlyNumbersOnFocus: e }), s }, showPositiveSign: function (e) { return s.update({ showPositiveSign: e }), s }, showWarnings: function (e) { return s.settings.showWarnings = e, s }, styleRules: function (e) { return s.update({ styleRules: e }), s }, suffixText: function (e) { return s.update({ suffixText: e }), s }, unformatOnHover: function (e) { return s.settings.unformatOnHover = e, s }, unformatOnSubmit: function (e) { return s.settings.unformatOnSubmit = e, s }, valuesToStrings: function (e) { return s.update({ valuesToStrings: e }), s }, watchExternalChanges: function (e) { return s.update({ watchExternalChanges: e }), s }, wheelOn: function (e) { return s.settings.wheelOn = e, s }, wheelStep: function (e) { return s.settings.wheelStep = e, s } }, this._triggerEvent(B.events.initialized, this.domElement, { newValue: M.getElementValue(this.domElement), newRawValue: this.rawValue, error: null, aNElement: this }) } var e, t; return t = [{ key: "version", value: function () { return "4.6.0" } }, { key: "_setArgumentsValues", value: function (e, t, i) { M.isNull(e) && M.throwError("At least one valid parameter is needed in order to initialize an AutoNumeric object"); var n, a, r, s = M.isElement(e), o = M.isString(e), l = M.isObject(t), u = Array.isArray(t) && 0 < t.length, c = M.isNumberOrArabic(t) || "" === t, h = this._isPreDefinedOptionValid(t), m = M.isNull(t), d = M.isEmptyString(t), g = M.isObject(i), v = Array.isArray(i) && 0 < i.length, p = M.isNull(i), f = this._isPreDefinedOptionValid(i); return s && m && p ? (n = e, a = r = null) : s && c && p ? (n = e, r = t, a = null) : s && l && p ? (n = e, r = null, a = t) : s && h && p ? (n = e, r = null, a = this._getOptionObject(t)) : s && u && p ? (n = e, r = null, a = this.mergeOptions(t)) : s && (m || d) && g ? (n = e, r = null, a = i) : s && (m || d) && v ? (n = e, r = null, a = this.mergeOptions(i)) : o && m && p ? (n = document.querySelector(e), a = r = null) : o && l && p ? (n = document.querySelector(e), r = null, a = t) : o && h && p ? (n = document.querySelector(e), r = null, a = this._getOptionObject(t)) : o && u && p ? (n = document.querySelector(e), r = null, a = this.mergeOptions(t)) : o && (m || d) && g ? (n = document.querySelector(e), r = null, a = i) : o && (m || d) && v ? (n = document.querySelector(e), r = null, a = this.mergeOptions(i)) : o && c && p ? (n = document.querySelector(e), r = t, a = null) : o && c && g ? (n = document.querySelector(e), r = t, a = i) : o && c && f ? (n = document.querySelector(e), r = t, a = this._getOptionObject(i)) : o && c && v ? (n = document.querySelector(e), r = t, a = this.mergeOptions(i)) : s && c && g ? (n = e, r = t, a = i) : s && c && f ? (n = e, r = t, a = this._getOptionObject(i)) : s && c && v ? (n = e, r = t, a = this.mergeOptions(i)) : M.throwError("The parameters given to the AutoNumeric object are not valid, '".concat(e, "', '").concat(t, "' and '").concat(i, "' given.")), M.isNull(n) && M.throwError("The selector '".concat(e, "' did not select any valid DOM element. Please check on which element you called AutoNumeric.")), { domElement: n, initialValue: r, userOptions: a } } }, { key: "mergeOptions", value: function (e) { var t = this, i = {}; return e.forEach(function (e) { b(i, t._getOptionObject(e)) }), i } }, { key: "_isPreDefinedOptionValid", value: function (e) { return Object.prototype.hasOwnProperty.call(B.predefinedOptions, e) } }, { key: "_getOptionObject", value: function (e) { var t; return M.isString(e) ? null == (t = B.getPredefinedOptions()[e]) && M.warning("The given pre-defined option [".concat(e, "] is not recognized by autoNumeric. Please check that pre-defined option name."), !0) : t = e, t } }, { key: "_doesFormHandlerListExists", value: function () { var e = w(window.aNFormHandlerMap); return "undefined" !== e && "object" === e } }, { key: "_createFormHandlerList", value: function () { window.aNFormHandlerMap = new Map } }, { key: "_checkValuesToStringsArray", value: function (e, t) { return M.isInArray(String(e), t) } }, { key: "_checkValuesToStringsSettings", value: function (e, t) { return this._checkValuesToStringsArray(e, Object.keys(t.valuesToStrings)) } }, { key: "_checkStringsToValuesSettings", value: function (e, t) { return this._checkValuesToStringsArray(e, Object.values(t.valuesToStrings)) } }, { key: "_unformatAltHovered", value: function (e) { e.hoveredWithAlt = !0, e.unformat() } }, { key: "_reformatAltHovered", value: function (e) { e.hoveredWithAlt = !1, e.reformat() } }, { key: "_getChildANInputElement", value: function (e) { var t = this, i = e.getElementsByTagName("input"), n = []; return Array.prototype.slice.call(i, 0).forEach(function (e) { t.test(e) && n.push(e) }), n } }, { key: "test", value: function (e) { return this._isInGlobalList(M.domElement(e)) } }, { key: "_createWeakMap", value: function (e) { window[e] = new WeakMap } }, { key: "_createGlobalList", value: function () { this.autoNumericGlobalListName = "autoNumericGlobalList", this._createWeakMap(this.autoNumericGlobalListName) } }, { key: "_doesGlobalListExists", value: function () { var e = w(window[this.autoNumericGlobalListName]); return "undefined" !== e && "object" === e } }, { key: "_addToGlobalList", value: function (e) { this._doesGlobalListExists() || this._createGlobalList(); var t = e.node(); if (this._isInGlobalList(t)) { if (this._getFromGlobalList(t) === this) return; M.warning("A reference to the DOM element you just initialized already exists in the global AutoNumeric element list. Please make sure to not initialize the same DOM element multiple times.", e.getSettings().showWarnings) } window[this.autoNumericGlobalListName].set(t, e) } }, { key: "_removeFromGlobalList", value: function (e) { this._doesGlobalListExists() && window[this.autoNumericGlobalListName].delete(e.node()) } }, { key: "_getFromGlobalList", value: function (e) { return this._doesGlobalListExists() ? window[this.autoNumericGlobalListName].get(e) : null } }, { key: "_isInGlobalList", value: function (e) { return !!this._doesGlobalListExists() && window[this.autoNumericGlobalListName].has(e) } }, { key: "validate", value: function (e, t, i) { var n = !(1 < arguments.length && void 0 !== t) || t, a = 2 < arguments.length && void 0 !== i ? i : null; !M.isUndefinedOrNullOrEmpty(e) && M.isObject(e) || M.throwError("The userOptions are invalid ; it should be a valid object, [".concat(e, "] given.")); var r, s = M.isObject(a); s || M.isNull(a) || M.throwError("The 'originalOptions' parameter is invalid ; it should either be a valid option object or `null`, [".concat(e, "] given.")), M.isNull(e) || this._convertOldOptionsToNewOnes(e), r = n ? b({}, this.getDefaultConfig(), e) : e, M.isTrueOrFalseString(r.showWarnings) || M.isBoolean(r.showWarnings) || M.throwError("The debug option 'showWarnings' is invalid ; it should be either 'true' or 'false', [".concat(r.showWarnings, "] given.")); var o, l = /^[0-9]+$/, u = /[0-9]+/, c = /^-?[0-9]+(\.?[0-9]+)?$/, h = /^[0-9]+(\.?[0-9]+)?$/; M.isTrueOrFalseString(r.allowDecimalPadding) || M.isBoolean(r.allowDecimalPadding) || r.allowDecimalPadding === B.options.allowDecimalPadding.floats || M.throwError("The decimal padding option 'allowDecimalPadding' is invalid ; it should either be `false`, `true` or `'floats'`, [".concat(r.allowDecimalPadding, "] given.")), r.allowDecimalPadding !== B.options.allowDecimalPadding.never && "false" !== r.allowDecimalPadding || r.decimalPlaces === B.options.decimalPlaces.none && r.decimalPlacesShownOnBlur === B.options.decimalPlacesShownOnBlur.none && r.decimalPlacesShownOnFocus === B.options.decimalPlacesShownOnFocus.none || M.warning("Setting 'allowDecimalPadding' to [".concat(r.allowDecimalPadding, "] will override the current 'decimalPlaces*' settings [").concat(r.decimalPlaces, ", ").concat(r.decimalPlacesShownOnBlur, " and ").concat(r.decimalPlacesShownOnFocus, "]."), r.showWarnings), M.isTrueOrFalseString(r.alwaysAllowDecimalCharacter) || M.isBoolean(r.alwaysAllowDecimalCharacter) || M.throwError("The option 'alwaysAllowDecimalCharacter' is invalid ; it should either be `true` or `false`, [".concat(r.alwaysAllowDecimalCharacter, "] given.")), M.isNull(r.caretPositionOnFocus) || M.isInArray(r.caretPositionOnFocus, [B.options.caretPositionOnFocus.start, B.options.caretPositionOnFocus.end, B.options.caretPositionOnFocus.decimalLeft, B.options.caretPositionOnFocus.decimalRight]) || M.throwError("The display on empty string option 'caretPositionOnFocus' is invalid ; it should either be `null`, 'focus', 'press', 'always' or 'zero', [".concat(r.caretPositionOnFocus, "] given.")), o = s ? a : this._correctCaretPositionOnFocusAndSelectOnFocusOptions(e), M.isNull(o) || o.caretPositionOnFocus === B.options.caretPositionOnFocus.doNoForceCaretPosition || o.selectOnFocus !== B.options.selectOnFocus.select || M.warning("The 'selectOnFocus' option is set to 'select', which is in conflict with the 'caretPositionOnFocus' which is set to '".concat(o.caretPositionOnFocus, "'. As a result, if this has been called when instantiating an AutoNumeric object, the 'selectOnFocus' option is forced to 'doNotSelect'."), r.showWarnings), M.isInArray(r.digitGroupSeparator, [B.options.digitGroupSeparator.comma, B.options.digitGroupSeparator.dot, B.options.digitGroupSeparator.normalSpace, B.options.digitGroupSeparator.thinSpace, B.options.digitGroupSeparator.narrowNoBreakSpace, B.options.digitGroupSeparator.noBreakSpace, B.options.digitGroupSeparator.noSeparator, B.options.digitGroupSeparator.apostrophe, B.options.digitGroupSeparator.arabicThousandsSeparator, B.options.digitGroupSeparator.dotAbove, B.options.digitGroupSeparator.privateUseTwo]) || M.throwError("The thousand separator character option 'digitGroupSeparator' is invalid ; it should be ',', '.', '٬', '˙', \"'\", '', ' ', ' ', ' ', ' ' or empty (''), [".concat(r.digitGroupSeparator, "] given.")), M.isTrueOrFalseString(r.showOnlyNumbersOnFocus) || M.isBoolean(r.showOnlyNumbersOnFocus) || M.throwError("The 'showOnlyNumbersOnFocus' option is invalid ; it should be either 'true' or 'false', [".concat(r.showOnlyNumbersOnFocus, "] given.")), M.isInArray(r.digitalGroupSpacing, [B.options.digitalGroupSpacing.two, B.options.digitalGroupSpacing.twoScaled, B.options.digitalGroupSpacing.three, B.options.digitalGroupSpacing.four]) || 2 <= r.digitalGroupSpacing && r.digitalGroupSpacing <= 4 || M.throwError("The grouping separator option for thousands 'digitalGroupSpacing' is invalid ; it should be '2', '2s', '3', or '4', [".concat(r.digitalGroupSpacing, "] given.")), M.isInArray(r.decimalCharacter, [B.options.decimalCharacter.comma, B.options.decimalCharacter.dot, B.options.decimalCharacter.middleDot, B.options.decimalCharacter.arabicDecimalSeparator, B.options.decimalCharacter.decimalSeparatorKeySymbol]) || M.throwError("The decimal separator character option 'decimalCharacter' is invalid ; it should be '.', ',', '·', '⎖' or '٫', [".concat(r.decimalCharacter, "] given.")), r.decimalCharacter === r.digitGroupSeparator && M.throwError("autoNumeric will not function properly when the decimal character 'decimalCharacter' [".concat(r.decimalCharacter, "] and the thousand separator 'digitGroupSeparator' [").concat(r.digitGroupSeparator, "] are the same character.")), M.isNull(r.decimalCharacterAlternative) || M.isString(r.decimalCharacterAlternative) || M.throwError("The alternate decimal separator character option 'decimalCharacterAlternative' is invalid ; it should be a string, [".concat(r.decimalCharacterAlternative, "] given.")), "" === r.currencySymbol || M.isString(r.currencySymbol) || M.throwError("The currency symbol option 'currencySymbol' is invalid ; it should be a string, [".concat(r.currencySymbol, "] given.")), M.isInArray(r.currencySymbolPlacement, [B.options.currencySymbolPlacement.prefix, B.options.currencySymbolPlacement.suffix]) || M.throwError("The placement of the currency sign option 'currencySymbolPlacement' is invalid ; it should either be 'p' (prefix) or 's' (suffix), [".concat(r.currencySymbolPlacement, "] given.")), M.isInArray(r.negativePositiveSignPlacement, [B.options.negativePositiveSignPlacement.prefix, B.options.negativePositiveSignPlacement.suffix, B.options.negativePositiveSignPlacement.left, B.options.negativePositiveSignPlacement.right, B.options.negativePositiveSignPlacement.none]) || M.throwError("The placement of the negative sign option 'negativePositiveSignPlacement' is invalid ; it should either be 'p' (prefix), 's' (suffix), 'l' (left), 'r' (right) or 'null', [".concat(r.negativePositiveSignPlacement, "] given.")), M.isTrueOrFalseString(r.showPositiveSign) || M.isBoolean(r.showPositiveSign) || M.throwError("The show positive sign option 'showPositiveSign' is invalid ; it should be either 'true' or 'false', [".concat(r.showPositiveSign, "] given.")), M.isString(r.suffixText) && ("" === r.suffixText || !M.isNegative(r.suffixText, r.negativeSignCharacter) && !u.test(r.suffixText)) || M.throwError("The additional suffix option 'suffixText' is invalid ; it should not contains the negative sign '".concat(r.negativeSignCharacter, "' nor any numerical characters, [").concat(r.suffixText, "] given.")), M.isString(r.negativeSignCharacter) && 1 === r.negativeSignCharacter.length && !M.isUndefinedOrNullOrEmpty(r.negativeSignCharacter) && !u.test(r.negativeSignCharacter) || M.throwError("The negative sign character option 'negativeSignCharacter' is invalid ; it should be a single character, and cannot be any numerical characters, [".concat(r.negativeSignCharacter, "] given.")), M.isString(r.positiveSignCharacter) && 1 === r.positiveSignCharacter.length && !M.isUndefinedOrNullOrEmpty(r.positiveSignCharacter) && !u.test(r.positiveSignCharacter) || M.throwError("The positive sign character option 'positiveSignCharacter' is invalid ; it should be a single character, and cannot be any numerical characters, [".concat(r.positiveSignCharacter, "] given.\nIf you want to hide the positive sign character, you need to set the `showPositiveSign` option to `true`.")), r.negativeSignCharacter === r.positiveSignCharacter && M.throwError("The positive 'positiveSignCharacter' and negative 'negativeSignCharacter' sign characters cannot be identical ; [".concat(r.negativeSignCharacter, "] given.")); var m = S(M.isNull(r.negativeBracketsTypeOnBlur) ? ["", ""] : r.negativeBracketsTypeOnBlur.split(","), 2), d = m[0], g = m[1]; (M.contains(r.digitGroupSeparator, r.negativeSignCharacter) || M.contains(r.decimalCharacter, r.negativeSignCharacter) || M.contains(r.decimalCharacterAlternative, r.negativeSignCharacter) || M.contains(d, r.negativeSignCharacter) || M.contains(g, r.negativeSignCharacter) || M.contains(r.suffixText, r.negativeSignCharacter)) && M.throwError("The negative sign character option 'negativeSignCharacter' is invalid ; it should not be equal or a part of the digit separator, the decimal character, the decimal character alternative, the negative brackets or the suffix text, [".concat(r.negativeSignCharacter, "] given.")), (M.contains(r.digitGroupSeparator, r.positiveSignCharacter) || M.contains(r.decimalCharacter, r.positiveSignCharacter) || M.contains(r.decimalCharacterAlternative, r.positiveSignCharacter) || M.contains(d, r.positiveSignCharacter) || M.contains(g, r.positiveSignCharacter) || M.contains(r.suffixText, r.positiveSignCharacter)) && M.throwError("The positive sign character option 'positiveSignCharacter' is invalid ; it should not be equal or a part of the digit separator, the decimal character, the decimal character alternative, the negative brackets or the suffix text, [".concat(r.positiveSignCharacter, "] given.")), M.isNull(r.overrideMinMaxLimits) || M.isInArray(r.overrideMinMaxLimits, [B.options.overrideMinMaxLimits.ceiling, B.options.overrideMinMaxLimits.floor, B.options.overrideMinMaxLimits.ignore, B.options.overrideMinMaxLimits.invalid]) || M.throwError("The override min & max limits option 'overrideMinMaxLimits' is invalid ; it should either be 'ceiling', 'floor', 'ignore' or 'invalid', [".concat(r.overrideMinMaxLimits, "] given.")), r.overrideMinMaxLimits !== B.options.overrideMinMaxLimits.invalid && r.overrideMinMaxLimits !== B.options.overrideMinMaxLimits.ignore && (0 < r.minimumValue || r.maximumValue < 0) && M.warning("You've set a `minimumValue` or a `maximumValue` excluding the value `0`. AutoNumeric will force the users to always have a valid value in the input, hence preventing them to clear the field. If you want to allow for temporary invalid values (ie. out-of-range), you should use the 'invalid' option for the 'overrideMinMaxLimits' setting."), M.isString(r.maximumValue) && c.test(r.maximumValue) || M.throwError("The maximum possible value option 'maximumValue' is invalid ; it should be a string that represents a positive or negative number, [".concat(r.maximumValue, "] given.")), M.isString(r.minimumValue) && c.test(r.minimumValue) || M.throwError("The minimum possible value option 'minimumValue' is invalid ; it should be a string that represents a positive or negative number, [".concat(r.minimumValue, "] given.")), parseFloat(r.minimumValue) > parseFloat(r.maximumValue) && M.throwError("The minimum possible value option is greater than the maximum possible value option ; 'minimumValue' [".concat(r.minimumValue, "] should be smaller than 'maximumValue' [").concat(r.maximumValue, "].")), M.isInt(r.decimalPlaces) && 0 <= r.decimalPlaces || M.isString(r.decimalPlaces) && l.test(r.decimalPlaces) || M.throwError("The number of decimal places option 'decimalPlaces' is invalid ; it should be a positive integer, [".concat(r.decimalPlaces, "] given.")), M.isNull(r.decimalPlacesRawValue) || M.isInt(r.decimalPlacesRawValue) && 0 <= r.decimalPlacesRawValue || M.isString(r.decimalPlacesRawValue) && l.test(r.decimalPlacesRawValue) || M.throwError("The number of decimal places for the raw value option 'decimalPlacesRawValue' is invalid ; it should be a positive integer or `null`, [".concat(r.decimalPlacesRawValue, "] given.")), this._validateDecimalPlacesRawValue(r), M.isNull(r.decimalPlacesShownOnFocus) || l.test(String(r.decimalPlacesShownOnFocus)) || M.throwError("The number of expanded decimal places option 'decimalPlacesShownOnFocus' is invalid ; it should be a positive integer or `null`, [".concat(r.decimalPlacesShownOnFocus, "] given.")), !M.isNull(r.decimalPlacesShownOnFocus) && Number(r.decimalPlaces) > Number(r.decimalPlacesShownOnFocus) && M.warning("The extended decimal places 'decimalPlacesShownOnFocus' [".concat(r.decimalPlacesShownOnFocus, "] should be greater than the 'decimalPlaces' [").concat(r.decimalPlaces, "] value. Currently, this will limit the ability of your user to manually change some of the decimal places. Do you really want to do that?"), r.showWarnings), (M.isNull(r.divisorWhenUnfocused) || h.test(r.divisorWhenUnfocused)) && 0 !== r.divisorWhenUnfocused && "0" !== r.divisorWhenUnfocused && 1 !== r.divisorWhenUnfocused && "1" !== r.divisorWhenUnfocused || M.throwError("The divisor option 'divisorWhenUnfocused' is invalid ; it should be a positive number higher than one, preferably an integer, [".concat(r.divisorWhenUnfocused, "] given.")), M.isNull(r.decimalPlacesShownOnBlur) || l.test(r.decimalPlacesShownOnBlur) || M.throwError("The number of decimals shown when unfocused option 'decimalPlacesShownOnBlur' is invalid ; it should be a positive integer or `null`, [".concat(r.decimalPlacesShownOnBlur, "] given.")), M.isNull(r.symbolWhenUnfocused) || M.isString(r.symbolWhenUnfocused) || M.throwError("The symbol to show when unfocused option 'symbolWhenUnfocused' is invalid ; it should be a string, [".concat(r.symbolWhenUnfocused, "] given.")), M.isTrueOrFalseString(r.saveValueToSessionStorage) || M.isBoolean(r.saveValueToSessionStorage) || M.throwError("The save to session storage option 'saveValueToSessionStorage' is invalid ; it should be either 'true' or 'false', [".concat(r.saveValueToSessionStorage, "] given.")), M.isInArray(r.onInvalidPaste, [B.options.onInvalidPaste.error, B.options.onInvalidPaste.ignore, B.options.onInvalidPaste.clamp, B.options.onInvalidPaste.truncate, B.options.onInvalidPaste.replace]) || M.throwError("The paste behavior option 'onInvalidPaste' is invalid ; it should either be 'error', 'ignore', 'clamp', 'truncate' or 'replace' (cf. documentation), [".concat(r.onInvalidPaste, "] given.")), M.isInArray(r.roundingMethod, [B.options.roundingMethod.halfUpSymmetric, B.options.roundingMethod.halfUpAsymmetric, B.options.roundingMethod.halfDownSymmetric, B.options.roundingMethod.halfDownAsymmetric, B.options.roundingMethod.halfEvenBankersRounding, B.options.roundingMethod.upRoundAwayFromZero, B.options.roundingMethod.downRoundTowardZero, B.options.roundingMethod.toCeilingTowardPositiveInfinity, B.options.roundingMethod.toFloorTowardNegativeInfinity, B.options.roundingMethod.toNearest05, B.options.roundingMethod.toNearest05Alt, B.options.roundingMethod.upToNext05, B.options.roundingMethod.downToNext05]) || M.throwError("The rounding method option 'roundingMethod' is invalid ; it should either be 'S', 'A', 's', 'a', 'B', 'U', 'D', 'C', 'F', 'N05', 'CHF', 'U05' or 'D05' (cf. documentation), [".concat(r.roundingMethod, "] given.")), M.isNull(r.negativeBracketsTypeOnBlur) || M.isInArray(r.negativeBracketsTypeOnBlur, [B.options.negativeBracketsTypeOnBlur.parentheses, B.options.negativeBracketsTypeOnBlur.brackets, B.options.negativeBracketsTypeOnBlur.chevrons, B.options.negativeBracketsTypeOnBlur.curlyBraces, B.options.negativeBracketsTypeOnBlur.angleBrackets, B.options.negativeBracketsTypeOnBlur.japaneseQuotationMarks, B.options.negativeBracketsTypeOnBlur.halfBrackets, B.options.negativeBracketsTypeOnBlur.whiteSquareBrackets, B.options.negativeBracketsTypeOnBlur.quotationMarks, B.options.negativeBracketsTypeOnBlur.guillemets]) || M.throwError("The brackets for negative values option 'negativeBracketsTypeOnBlur' is invalid ; it should either be '(,)', '[,]', '<,>', '{,}', '〈,〉', '「,」', '⸤,⸥', '⟦,⟧', '‹,›' or '«,»', [".concat(r.negativeBracketsTypeOnBlur, "] given.")), (M.isString(r.emptyInputBehavior) || M.isNumber(r.emptyInputBehavior)) && (M.isInArray(r.emptyInputBehavior, [B.options.emptyInputBehavior.focus, B.options.emptyInputBehavior.press, B.options.emptyInputBehavior.always, B.options.emptyInputBehavior.min, B.options.emptyInputBehavior.max, B.options.emptyInputBehavior.zero, B.options.emptyInputBehavior.null]) || c.test(r.emptyInputBehavior)) || M.throwError("The display on empty string option 'emptyInputBehavior' is invalid ; it should either be 'focus', 'press', 'always', 'min', 'max', 'zero', 'null', a number, or a string that represents a number, [".concat(r.emptyInputBehavior, "] given.")), r.emptyInputBehavior === B.options.emptyInputBehavior.zero && (0 < r.minimumValue || r.maximumValue < 0) && M.throwError("The 'emptyInputBehavior' option is set to 'zero', but this value is outside of the range defined by 'minimumValue' and 'maximumValue' [".concat(r.minimumValue, ", ").concat(r.maximumValue, "].")), c.test(String(r.emptyInputBehavior)) && (this._isWithinRangeWithOverrideOption(r.emptyInputBehavior, r) || M.throwError("The 'emptyInputBehavior' option is set to a number or a string that represents a number, but its value [".concat(r.emptyInputBehavior, "] is outside of the range defined by the 'minimumValue' and 'maximumValue' options [").concat(r.minimumValue, ", ").concat(r.maximumValue, "]."))), M.isTrueOrFalseString(r.eventBubbles) || M.isBoolean(r.eventBubbles) || M.throwError("The event bubbles option 'eventBubbles' is invalid ; it should be either 'true' or 'false', [".concat(r.eventBubbles, "] given.")), M.isTrueOrFalseString(r.eventIsCancelable) || M.isBoolean(r.eventIsCancelable) || M.throwError("The event is cancelable option 'eventIsCancelable' is invalid ; it should be either 'true' or 'false', [".concat(r.eventIsCancelable, "] given.")), !M.isBoolean(r.invalidClass) && /^-?[_a-zA-Z]+[_a-zA-Z0-9-]*$/.test(r.invalidClass) || M.throwError("The name of the 'invalidClass' option is not a valid CSS class name ; it should not be empty, and should follow the '^-?[_a-zA-Z]+[_a-zA-Z0-9-]*$' regex, [".concat(r.invalidClass, "] given.")), M.isInArray(r.leadingZero, [B.options.leadingZero.allow, B.options.leadingZero.deny, B.options.leadingZero.keep]) || M.throwError("The leading zero behavior option 'leadingZero' is invalid ; it should either be 'allow', 'deny' or 'keep', [".concat(r.leadingZero, "] given.")), M.isTrueOrFalseString(r.formatOnPageLoad) || M.isBoolean(r.formatOnPageLoad) || M.throwError("The format on initialization option 'formatOnPageLoad' is invalid ; it should be either 'true' or 'false', [".concat(r.formatOnPageLoad, "] given.")), M.isTrueOrFalseString(r.formulaMode) || M.isBoolean(r.formulaMode) || M.throwError("The formula mode option 'formulaMode' is invalid ; it should be either 'true' or 'false', [".concat(r.formulaMode, "] given.")), l.test(r.historySize) && 0 !== r.historySize || M.throwError("The history size option 'historySize' is invalid ; it should be a positive integer, [".concat(r.historySize, "] given.")), M.isTrueOrFalseString(r.selectNumberOnly) || M.isBoolean(r.selectNumberOnly) || M.throwError("The select number only option 'selectNumberOnly' is invalid ; it should be either 'true' or 'false', [".concat(r.selectNumberOnly, "] given.")), M.isTrueOrFalseString(r.selectOnFocus) || M.isBoolean(r.selectOnFocus) || M.throwError("The select on focus option 'selectOnFocus' is invalid ; it should be either 'true' or 'false', [".concat(r.selectOnFocus, "] given.")), M.isNull(r.defaultValueOverride) || "" === r.defaultValueOverride || c.test(r.defaultValueOverride) || M.throwError("The unformatted default value option 'defaultValueOverride' is invalid ; it should be a string that represents a positive or negative number, [".concat(r.defaultValueOverride, "] given.")), M.isTrueOrFalseString(r.unformatOnSubmit) || M.isBoolean(r.unformatOnSubmit) || M.throwError("The remove formatting on submit option 'unformatOnSubmit' is invalid ; it should be either 'true' or 'false', [".concat(r.unformatOnSubmit, "] given.")), M.isNull(r.valuesToStrings) || M.isObject(r.valuesToStrings) || M.throwError("The option 'valuesToStrings' is invalid ; it should be an object, ideally with 'key -> value' entries, [".concat(r.valuesToStrings, "] given.")), M.isNull(r.outputFormat) || M.isInArray(r.outputFormat, [B.options.outputFormat.string, B.options.outputFormat.number, B.options.outputFormat.dot, B.options.outputFormat.negativeDot, B.options.outputFormat.comma, B.options.outputFormat.negativeComma, B.options.outputFormat.dotNegative, B.options.outputFormat.commaNegative]) || M.throwError("The custom locale format option 'outputFormat' is invalid ; it should either be null, 'string', 'number', '.', '-.', ',', '-,', '.-' or ',-', [".concat(r.outputFormat, "] given.")), M.isTrueOrFalseString(r.isCancellable) || M.isBoolean(r.isCancellable) || M.throwError("The cancellable behavior option 'isCancellable' is invalid ; it should be either 'true' or 'false', [".concat(r.isCancellable, "] given.")), M.isTrueOrFalseString(r.modifyValueOnWheel) || M.isBoolean(r.modifyValueOnWheel) || M.throwError("The increment/decrement on mouse wheel option 'modifyValueOnWheel' is invalid ; it should be either 'true' or 'false', [".concat(r.modifyValueOnWheel, "] given.")), M.isTrueOrFalseString(r.watchExternalChanges) || M.isBoolean(r.watchExternalChanges) || M.throwError("The option 'watchExternalChanges' is invalid ; it should be either 'true' or 'false', [".concat(r.watchExternalChanges, "] given.")), M.isInArray(r.wheelOn, [B.options.wheelOn.focus, B.options.wheelOn.hover]) || M.throwError("The wheel behavior option 'wheelOn' is invalid ; it should either be 'focus' or 'hover', [".concat(r.wheelOn, "] given.")), (M.isString(r.wheelStep) || M.isNumber(r.wheelStep)) && ("progressive" === r.wheelStep || h.test(r.wheelStep)) && 0 !== Number(r.wheelStep) || M.throwError("The wheel step value option 'wheelStep' is invalid ; it should either be the string 'progressive', or a number or a string that represents a positive number (excluding zero), [".concat(r.wheelStep, "] given.")), M.isInArray(r.serializeSpaces, [B.options.serializeSpaces.plus, B.options.serializeSpaces.percent]) || M.throwError("The space replacement character option 'serializeSpaces' is invalid ; it should either be '+' or '%20', [".concat(r.serializeSpaces, "] given.")), M.isTrueOrFalseString(r.noEventListeners) || M.isBoolean(r.noEventListeners) || M.throwError("The option 'noEventListeners' that prevent the creation of event listeners is invalid ; it should be either 'true' or 'false', [".concat(r.noEventListeners, "] given.")), M.isNull(r.styleRules) || M.isObject(r.styleRules) && (Object.prototype.hasOwnProperty.call(r.styleRules, "positive") || Object.prototype.hasOwnProperty.call(r.styleRules, "negative") || Object.prototype.hasOwnProperty.call(r.styleRules, "ranges") || Object.prototype.hasOwnProperty.call(r.styleRules, "userDefined")) || M.throwError("The option 'styleRules' is invalid ; it should be a correctly structured object, with one or more 'positive', 'negative', 'ranges' or 'userDefined' attributes, [".concat(r.styleRules, "] given.")), M.isNull(r.styleRules) || !Object.prototype.hasOwnProperty.call(r.styleRules, "userDefined") || M.isNull(r.styleRules.userDefined) || r.styleRules.userDefined.forEach(function (e) { Object.prototype.hasOwnProperty.call(e, "callback") && !M.isFunction(e.callback) && M.throwError("The callback defined in the `userDefined` attribute is not a function, ".concat(w(e.callback), " given.")) }), (M.isNull(r.rawValueDivisor) || h.test(r.rawValueDivisor)) && 0 !== r.rawValueDivisor && "0" !== r.rawValueDivisor && 1 !== r.rawValueDivisor && "1" !== r.rawValueDivisor || M.throwError("The raw value divisor option 'rawValueDivisor' is invalid ; it should be a positive number higher than one, preferably an integer, [".concat(r.rawValueDivisor, "] given.")), M.isTrueOrFalseString(r.readOnly) || M.isBoolean(r.readOnly) || M.throwError("The option 'readOnly' is invalid ; it should be either 'true' or 'false', [".concat(r.readOnly, "] given.")), M.isTrueOrFalseString(r.unformatOnHover) || M.isBoolean(r.unformatOnHover) || M.throwError("The option 'unformatOnHover' is invalid ; it should be either 'true' or 'false', [".concat(r.unformatOnHover, "] given.")), M.isTrueOrFalseString(r.failOnUnknownOption) || M.isBoolean(r.failOnUnknownOption) || M.throwError("The debug option 'failOnUnknownOption' is invalid ; it should be either 'true' or 'false', [".concat(r.failOnUnknownOption, "] given.")), M.isTrueOrFalseString(r.createLocalList) || M.isBoolean(r.createLocalList) || M.throwError("The debug option 'createLocalList' is invalid ; it should be either 'true' or 'false', [".concat(r.createLocalList, "] given.")) } }, { key: "_validateDecimalPlacesRawValue", value: function (e) { M.isNull(e.decimalPlacesRawValue) || (e.decimalPlacesRawValue < e.decimalPlaces && M.warning("The number of decimal places to store in the raw value [".concat(e.decimalPlacesRawValue, "] is lower than the ones to display [").concat(e.decimalPlaces, "]. This will likely confuse your users.\nTo solve that, you'd need to either set `decimalPlacesRawValue` to `null`, or set a number of decimal places for the raw value equal of bigger than `decimalPlaces`."), e.showWarnings), e.decimalPlacesRawValue < e.decimalPlacesShownOnFocus && M.warning("The number of decimal places to store in the raw value [".concat(e.decimalPlacesRawValue, "] is lower than the ones shown on focus [").concat(e.decimalPlacesShownOnFocus, "]. This will likely confuse your users.\nTo solve that, you'd need to either set `decimalPlacesRawValue` to `null`, or set a number of decimal places for the raw value equal of bigger than `decimalPlacesShownOnFocus`."), e.showWarnings), e.decimalPlacesRawValue < e.decimalPlacesShownOnBlur && M.warning("The number of decimal places to store in the raw value [".concat(e.decimalPlacesRawValue, "] is lower than the ones shown when unfocused [").concat(e.decimalPlacesShownOnBlur, "]. This will likely confuse your users.\nTo solve that, you'd need to either set `decimalPlacesRawValue` to `null`, or set a number of decimal places for the raw value equal of bigger than `decimalPlacesShownOnBlur`."), e.showWarnings)) } }, { key: "areSettingsValid", value: function (e) { var t = !0; try { this.validate(e, !0) } catch (e) { t = !1 } return t } }, { key: "getDefaultConfig", value: function () { return B.defaultSettings } }, { key: "getPredefinedOptions", value: function () { return B.predefinedOptions } }, { key: "_generateOptionsObjectFromOptionsArray", value: function (e) { var t, i = this; return M.isUndefinedOrNullOrEmpty(e) || 0 === e.length ? t = null : (t = {}, 1 === e.length && Array.isArray(e[0]) ? e[0].forEach(function (e) { b(t, i._getOptionObject(e)) }) : 1 <= e.length && e.forEach(function (e) { b(t, i._getOptionObject(e)) })), t } }, { key: "format", value: function (e) { if (M.isUndefined(e) || null === e) return null; var t; t = M.isElement(e) ? M.getElementValue(e) : e, M.isString(t) || M.isNumber(t) || M.throwError('The value "'.concat(t, '" being "set" is not numeric and therefore cannot be used appropriately.')); for (var i = arguments.length, n = new Array(1 < i ? i - 1 : 0), a = 1; a < i; a++)n[a - 1] = arguments[a]; var r = this._generateOptionsObjectFromOptionsArray(n), s = b({}, this.getDefaultConfig(), r); s.isNegativeSignAllowed = t < 0, s.isPositiveSignAllowed = 0 <= t, this._setBrackets(s), this._cachesUsualRegularExpressions(s, {}); var o = this._toNumericValue(t, s); return isNaN(Number(o)) && M.throwError("The value [".concat(o, "] that you are trying to format is not a recognized number.")), this._isWithinRangeWithOverrideOption(o, s) || (M.triggerEvent(B.events.formatted, document, { oldValue: null, newValue: null, oldRawValue: null, newRawValue: null, isPristine: null, error: "Range test failed", aNElement: null }, !0, !0), M.throwError("The value [".concat(o, "] being set falls outside of the minimumValue [").concat(s.minimumValue, "] and maximumValue [").concat(s.maximumValue, "] range set for this element"))), s.valuesToStrings && this._checkValuesToStringsSettings(t, s) ? s.valuesToStrings[t] : (this._correctNegativePositiveSignPlacementOption(s), this._calculateDecimalPlacesOnInit(s), M.isUndefinedOrNullOrEmpty(s.rawValueDivisor) || 0 === s.rawValueDivisor || "" === o || null === o || (o *= s.rawValueDivisor), o = this._roundFormattedValueShownOnFocus(o, s), o = this._modifyNegativeSignAndDecimalCharacterForFormattedValue(o, s), o = this._addGroupSeparators(o, s, !1, o)) } }, { key: "formatAndSet", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null, n = this.format(e, i); return M.setElementValue(e, n), n } }, { key: "unformat", value: function (e) { if (M.isNumberStrict(e)) return e; var t; if ("" === (t = M.isElement(e) ? M.getElementValue(e) : e)) return ""; if (M.isUndefined(t) || null === t) return null; (M.isArray(t) || M.isObject(t)) && M.throwError("A number or a string representing a number is needed to be able to unformat it, [".concat(t, "] given.")); for (var i = arguments.length, n = new Array(1 < i ? i - 1 : 0), a = 1; a < i; a++)n[a - 1] = arguments[a]; var r = this._generateOptionsObjectFromOptionsArray(n), s = b({}, this.getDefaultConfig(), r); if (s.isNegativeSignAllowed = !1, s.isPositiveSignAllowed = !0, t = t.toString(), s.valuesToStrings && this._checkStringsToValuesSettings(t, s)) return M.objectKeyLookup(s.valuesToStrings, t); if (M.isNegative(t, s.negativeSignCharacter)) s.isNegativeSignAllowed = !0, s.isPositiveSignAllowed = !1; else if (!M.isNull(s.negativeBracketsTypeOnBlur)) { var o = S(s.negativeBracketsTypeOnBlur.split(","), 2); s.firstBracket = o[0], s.lastBracket = o[1], t.charAt(0) === s.firstBracket && t.charAt(t.length - 1) === s.lastBracket && (s.isNegativeSignAllowed = !0, s.isPositiveSignAllowed = !1, t = this._removeBrackets(t, s, !1)) } return t = this._convertToNumericString(t, s), new RegExp("[^+-0123456789.]", "gi").test(t) ? NaN : (this._correctNegativePositiveSignPlacementOption(s), s.decimalPlacesRawValue ? s.originalDecimalPlacesRawValue = s.decimalPlacesRawValue : s.originalDecimalPlacesRawValue = s.decimalPlaces, this._calculateDecimalPlacesOnInit(s), M.isUndefinedOrNullOrEmpty(s.rawValueDivisor) || 0 === s.rawValueDivisor || "" === t || null === t || (t /= s.rawValueDivisor), t = (t = this._roundRawValue(t, s)).replace(s.decimalCharacter, "."), t = this._toLocale(t, s.outputFormat, s)) } }, { key: "unformatAndSet", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null, n = this.unformat(e, i); return M.setElementValue(e, n), n } }, { key: "localize", value: function (e, t) { var i, n, a = 1 < arguments.length && void 0 !== t ? t : null; return "" === (i = M.isElement(e) ? M.getElementValue(e) : e) ? "" : (M.isNull(a) && (a = B.defaultSettings), i = this.unformat(i, a), 0 === Number(i) && a.leadingZero !== B.options.leadingZero.keep && (i = "0"), n = M.isNull(a) ? a.outputFormat : B.defaultSettings.outputFormat, this._toLocale(i, n, a)) } }, { key: "localizeAndSet", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null, n = this.localize(e, i); return M.setElementValue(e, n), n } }, { key: "isManagedByAutoNumeric", value: function (e) { return this._isInGlobalList(M.domElement(e)) } }, { key: "getAutoNumericElement", value: function (e) { var t = M.domElement(e); return this.isManagedByAutoNumeric(t) ? this._getFromGlobalList(t) : null } }, { key: "set", value: function (e, t, i, n) { var a, r = 2 < arguments.length && void 0 !== i ? i : null, s = !(3 < arguments.length && void 0 !== n) || n, o = M.domElement(e); return this.isManagedByAutoNumeric(o) ? this.getAutoNumericElement(o).set(t, r, s) : (a = !(!M.isNull(r) && Object.prototype.hasOwnProperty.call(r, "showWarnings")) || r.showWarnings, M.warning("Impossible to find an AutoNumeric object for the given DOM element or selector.", a), null) } }, { key: "getNumericString", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return this._get(e, "getNumericString", i) } }, { key: "getFormatted", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return this._get(e, "getFormatted", i) } }, { key: "getNumber", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return this._get(e, "getNumber", i) } }, { key: "_get", value: function (e, t, i) { var n = 2 < arguments.length && void 0 !== i ? i : null, a = M.domElement(e); return this.isManagedByAutoNumeric(a) || M.throwError("Impossible to find an AutoNumeric object for the given DOM element or selector."), this.getAutoNumericElement(a)[t](n) } }, { key: "getLocalized", value: function (e, t, i) { var n = 1 < arguments.length && void 0 !== t ? t : null, a = 2 < arguments.length && void 0 !== i ? i : null, r = M.domElement(e); return this.isManagedByAutoNumeric(r) || M.throwError("Impossible to find an AutoNumeric object for the given DOM element or selector."), this.getAutoNumericElement(r).getLocalized(n, a) } }, { key: "_stripAllNonNumberCharacters", value: function (e, t, i, n) { return this._stripAllNonNumberCharactersExceptCustomDecimalChar(e, t, i, n).replace(t.decimalCharacter, ".") } }, { key: "_stripAllNonNumberCharactersExceptCustomDecimalChar", value: function (e, t, i, n) { var a = (e = (e = this._normalizeCurrencySuffixAndNegativeSignCharacters(e, t)).replace(t.allowedAutoStrip, "")).match(t.numRegAutoStrip); if (e = a ? [a[1], a[2], a[3]].join("") : "", t.leadingZero === B.options.leadingZero.allow || t.leadingZero === B.options.leadingZero.keep) { var r = "", s = S(e.split(t.decimalCharacter), 2), o = s[0], l = s[1], u = o; M.contains(u, t.negativeSignCharacter) && (r = t.negativeSignCharacter, u = u.replace(t.negativeSignCharacter, "")), "" === r && u.length > t.mIntPos && "0" === u.charAt(0) && (u = u.slice(1)), "" !== r && u.length > t.mIntNeg && "0" === u.charAt(0) && (u = u.slice(1)), e = "".concat(r).concat(u).concat(M.isUndefined(l) ? "" : t.decimalCharacter + l) } return (i && t.leadingZero === B.options.leadingZero.deny || !n && t.leadingZero === B.options.leadingZero.allow) && (e = e.replace(t.stripReg, "$1$2")), e } }, { key: "_toggleNegativeBracket", value: function (e, t, i) { return i ? this._removeBrackets(e, t) : this._addBrackets(e, t) } }, { key: "_addBrackets", value: function (e, t) { return M.isNull(t.negativeBracketsTypeOnBlur) ? e : "".concat(t.firstBracket).concat(e.replace(t.negativeSignCharacter, "")).concat(t.lastBracket) } }, { key: "_removeBrackets", value: function (e, t, i) { var n, a = !(2 < arguments.length && void 0 !== i) || i; return M.isNull(t.negativeBracketsTypeOnBlur) || e.charAt(0) !== t.firstBracket ? e : (n = (n = e.replace(t.firstBracket, "")).replace(t.lastBracket, ""), a ? (n = n.replace(t.currencySymbol, ""), this._mergeCurrencySignNegativePositiveSignAndValue(n, t, !0, !1)) : "".concat(t.negativeSignCharacter).concat(n)) } }, { key: "_setBrackets", value: function (e) { if (M.isNull(e.negativeBracketsTypeOnBlur)) e.firstBracket = "", e.lastBracket = ""; else { var t = S(e.negativeBracketsTypeOnBlur.split(","), 2), i = t[0], n = t[1]; e.firstBracket = i, e.lastBracket = n } } }, { key: "_convertToNumericString", value: function (e, t) { e = this._removeBrackets(e, t, !1), e = (e = this._normalizeCurrencySuffixAndNegativeSignCharacters(e, t)).replace(new RegExp("[".concat(t.digitGroupSeparator, "]"), "g"), ""), "." !== t.decimalCharacter && (e = e.replace(t.decimalCharacter, ".")), M.isNegative(e) && e.lastIndexOf("-") === e.length - 1 && (e = e.replace("-", ""), e = "-".concat(e)), t.showPositiveSign && (e = e.replace(t.positiveSignCharacter, "")); var i = t.leadingZero !== B.options.leadingZero.keep, n = M.arabicToLatinNumbers(e, i, !1, !1); return isNaN(n) || (e = n.toString()), e } }, { key: "_normalizeCurrencySuffixAndNegativeSignCharacters", value: function (e, t) { return e = String(e), t.currencySymbol !== B.options.currencySymbol.none && (e = e.replace(t.currencySymbol, "")), t.suffixText !== B.options.suffixText.none && (e = e.replace(t.suffixText, "")), t.negativeSignCharacter !== B.options.negativeSignCharacter.hyphen && (e = e.replace(t.negativeSignCharacter, "-")), e } }, { key: "_toLocale", value: function (e, t, i) { if (M.isNull(t) || t === B.options.outputFormat.string) return e; var n; switch (t) { case B.options.outputFormat.number: n = Number(e); break; case B.options.outputFormat.dotNegative: n = M.isNegative(e) ? e.replace("-", "") + "-" : e; break; case B.options.outputFormat.comma: case B.options.outputFormat.negativeComma: n = e.replace(".", ","); break; case B.options.outputFormat.commaNegative: n = e.replace(".", ","), n = M.isNegative(n) ? n.replace("-", "") + "-" : n; break; case B.options.outputFormat.dot: case B.options.outputFormat.negativeDot: n = e; break; default: M.throwError("The given outputFormat [".concat(t, "] option is not recognized.")) }return t !== B.options.outputFormat.number && "-" !== i.negativeSignCharacter && (n = n.replace("-", i.negativeSignCharacter)), n } }, { key: "_modifyNegativeSignAndDecimalCharacterForFormattedValue", value: function (e, t) { return "-" !== t.negativeSignCharacter && (e = e.replace("-", t.negativeSignCharacter)), "." !== t.decimalCharacter && (e = e.replace(".", t.decimalCharacter)), e } }, { key: "_isElementValueEmptyOrOnlyTheNegativeSign", value: function (e, t) { return "" === e || e === t.negativeSignCharacter } }, { key: "_orderValueCurrencySymbolAndSuffixText", value: function (e, t, i) { var n; if (t.emptyInputBehavior === B.options.emptyInputBehavior.always || i) switch (t.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.left: case B.options.negativePositiveSignPlacement.prefix: case B.options.negativePositiveSignPlacement.none: n = e + t.currencySymbol + t.suffixText; break; default: n = t.currencySymbol + e + t.suffixText } else n = e; return n } }, { key: "_addGroupSeparators", value: function (e, t, i, n, a) { var r, s = 4 < arguments.length && void 0 !== a ? a : null; if (r = M.isNull(s) ? M.isNegative(e, t.negativeSignCharacter) || M.isNegativeWithBrackets(e, t.firstBracket, t.lastBracket) : s < 0, e = this._stripAllNonNumberCharactersExceptCustomDecimalChar(e, t, !1, i), this._isElementValueEmptyOrOnlyTheNegativeSign(e, t)) return this._orderValueCurrencySymbolAndSuffixText(e, t, !0); var o, l = M.isZeroOrHasNoValue(e); switch (r && (e = e.replace("-", "")), t.digitalGroupSpacing = t.digitalGroupSpacing.toString(), t.digitalGroupSpacing) { case B.options.digitalGroupSpacing.two: o = /(\d)((\d)(\d{2}?)+)$/; break; case B.options.digitalGroupSpacing.twoScaled: o = /(\d)((?:\d{2}){0,2}\d{3}(?:(?:\d{2}){2}\d{3})*?)$/; break; case B.options.digitalGroupSpacing.four: o = /(\d)((\d{4}?)+)$/; break; case B.options.digitalGroupSpacing.three: default: o = /(\d)((\d{3}?)+)$/ }var u, c = S(e.split(t.decimalCharacter), 2), h = c[0], m = c[1]; if (t.decimalCharacterAlternative && M.isUndefined(m)) { var d = S(e.split(t.decimalCharacterAlternative), 2); h = d[0], m = d[1] } if ("" !== t.digitGroupSeparator) for (; o.test(h);)h = h.replace(o, "$1".concat(t.digitGroupSeparator, "$2")); return e = 0 === (u = i ? t.decimalPlacesShownOnFocus : t.decimalPlacesShownOnBlur) || M.isUndefined(m) ? h : (m.length > u && (m = m.substring(0, u)), "".concat(h).concat(t.decimalCharacter).concat(m)), e = B._mergeCurrencySignNegativePositiveSignAndValue(e, t, r, l), M.isNull(s) && (s = n), null !== t.negativeBracketsTypeOnBlur && (s < 0 || M.isNegativeStrict(e, t.negativeSignCharacter)) && (e = this._toggleNegativeBracket(e, t, i)), t.suffixText ? "".concat(e).concat(t.suffixText) : e } }, { key: "_mergeCurrencySignNegativePositiveSignAndValue", value: function (e, t, i, n) { var a, r = ""; if (i ? r = t.negativeSignCharacter : t.showPositiveSign && !n && (r = t.positiveSignCharacter), t.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix) if (t.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (i || !i && t.showPositiveSign && !n)) switch (t.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.prefix: case B.options.negativePositiveSignPlacement.left: a = "".concat(r).concat(t.currencySymbol).concat(e); break; case B.options.negativePositiveSignPlacement.right: a = "".concat(t.currencySymbol).concat(r).concat(e); break; case B.options.negativePositiveSignPlacement.suffix: a = "".concat(t.currencySymbol).concat(e).concat(r) } else a = t.currencySymbol + e; else if (t.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix) if (t.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (i || !i && t.showPositiveSign && !n)) switch (t.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.suffix: case B.options.negativePositiveSignPlacement.right: a = "".concat(e).concat(t.currencySymbol).concat(r); break; case B.options.negativePositiveSignPlacement.left: a = "".concat(e).concat(r).concat(t.currencySymbol); break; case B.options.negativePositiveSignPlacement.prefix: a = "".concat(r).concat(e).concat(t.currencySymbol) } else a = e + t.currencySymbol; return a } }, { key: "_truncateZeros", value: function (e, t) { var i; switch (t) { case 0: i = /(\.(?:\d*[1-9])?)0*$/; break; case 1: i = /(\.\d(?:\d*[1-9])?)0*$/; break; default: i = new RegExp("(\\.\\d{".concat(t, "}(?:\\d*[1-9])?)0*")) }return e = e.replace(i, "$1"), 0 === t && (e = e.replace(/\.$/, "")), e } }, { key: "_roundRawValue", value: function (e, t) { return this._roundValue(e, t, t.decimalPlacesRawValue) } }, { key: "_roundFormattedValueShownOnFocus", value: function (e, t) { return this._roundValue(e, t, Number(t.decimalPlacesShownOnFocus)) } }, { key: "_roundFormattedValueShownOnBlur", value: function (e, t) { return this._roundValue(e, t, Number(t.decimalPlacesShownOnBlur)) } }, { key: "_roundFormattedValueShownOnFocusOrBlur", value: function (e, t, i) { return i ? this._roundFormattedValueShownOnFocus(e, t) : this._roundFormattedValueShownOnBlur(e, t) } }, { key: "_roundValue", value: function (e, t, i) { if (M.isNull(e)) return e; if (e = "" === e ? "0" : e.toString(), t.roundingMethod === B.options.roundingMethod.toNearest05 || t.roundingMethod === B.options.roundingMethod.toNearest05Alt || t.roundingMethod === B.options.roundingMethod.upToNext05 || t.roundingMethod === B.options.roundingMethod.downToNext05) return this._roundCloseTo05(e, t); var n, a = S(B._prepareValueForRounding(e, t), 2), r = a[0], s = (e = a[1]).lastIndexOf("."), o = -1 === s, l = S(e.split("."), 2), u = l[0]; if (!(0 < l[1] || t.allowDecimalPadding !== B.options.allowDecimalPadding.never && t.allowDecimalPadding !== B.options.allowDecimalPadding.floats)) return 0 === Number(e) ? u : "".concat(r).concat(u); n = t.allowDecimalPadding === B.options.allowDecimalPadding.always || t.allowDecimalPadding === B.options.allowDecimalPadding.floats ? i : 0; var c, h = o ? e.length - 1 : s, m = e.length - 1 - h, d = ""; if (m <= i) { if (d = e, m < n) { o && (d = "".concat(d).concat(t.decimalCharacter)); for (var g = "000000"; m < n;)d += g = g.substring(0, n - m), m += g.length } else n < m ? d = this._truncateZeros(d, n) : 0 === m && 0 === n && (d = d.replace(/\.$/, "")); return 0 === Number(d) ? d : "".concat(r).concat(d) } c = o ? i - 1 : Number(i) + Number(s); var v, p = Number(e.charAt(c + 1)), f = e.substring(0, c + 1).split(""); if (v = "." === e.charAt(c) ? e.charAt(c - 1) % 2 : e.charAt(c) % 2, this._shouldRoundUp(p, t, r, v)) for (var y = f.length - 1; 0 <= y; --y)if ("." !== f[y]) { if (f[y] = +f[y] + 1, f[y] < 10) break; 0 < y && (f[y] = "0") } return f = f.slice(0, c + 1), d = this._truncateZeros(f.join(""), n), 0 === Number(d) ? d : "".concat(r).concat(d) } }, { key: "_roundCloseTo05", value: function (e, t) { switch (t.roundingMethod) { case B.options.roundingMethod.toNearest05: case B.options.roundingMethod.toNearest05Alt: e = (Math.round(20 * e) / 20).toString(); break; case B.options.roundingMethod.upToNext05: e = (Math.ceil(20 * e) / 20).toString(); break; default: e = (Math.floor(20 * e) / 20).toString() }return M.contains(e, ".") ? e.length - e.indexOf(".") < 3 ? e + "0" : e : e + ".00" } }, { key: "_prepareValueForRounding", value: function (e, t) { var i = ""; return M.isNegativeStrict(e, "-") && (i = "-", e = e.replace("-", "")), e.match(/^\d/) || (e = "0".concat(e)), 0 === Number(e) && (i = ""), (0 < Number(e) && t.leadingZero !== B.options.leadingZero.keep || 0 < e.length && t.leadingZero === B.options.leadingZero.allow) && (e = e.replace(/^0*(\d)/, "$1")), [i, e] } }, { key: "_shouldRoundUp", value: function (e, t, i, n) { return 4 < e && t.roundingMethod === B.options.roundingMethod.halfUpSymmetric || 4 < e && t.roundingMethod === B.options.roundingMethod.halfUpAsymmetric && "" === i || 5 < e && t.roundingMethod === B.options.roundingMethod.halfUpAsymmetric && "-" === i || 5 < e && t.roundingMethod === B.options.roundingMethod.halfDownSymmetric || 5 < e && t.roundingMethod === B.options.roundingMethod.halfDownAsymmetric && "" === i || 4 < e && t.roundingMethod === B.options.roundingMethod.halfDownAsymmetric && "-" === i || 5 < e && t.roundingMethod === B.options.roundingMethod.halfEvenBankersRounding || 5 === e && t.roundingMethod === B.options.roundingMethod.halfEvenBankersRounding && 1 === n || 0 < e && t.roundingMethod === B.options.roundingMethod.toCeilingTowardPositiveInfinity && "" === i || 0 < e && t.roundingMethod === B.options.roundingMethod.toFloorTowardNegativeInfinity && "-" === i || 0 < e && t.roundingMethod === B.options.roundingMethod.upRoundAwayFromZero } }, { key: "_truncateDecimalPlaces", value: function (e, t, i, n) { i && (e = this._roundFormattedValueShownOnFocus(e, t)); var a = S(e.split(t.decimalCharacter), 2), r = a[0], s = a[1]; if (s && s.length > n) if (0 < n) { var o = s.substring(0, n); e = "".concat(r).concat(t.decimalCharacter).concat(o) } else e = r; return e } }, { key: "_checkIfInRangeWithOverrideOption", value: function (e, t) { if (M.isNull(e) && t.emptyInputBehavior === B.options.emptyInputBehavior.null || t.overrideMinMaxLimits === B.options.overrideMinMaxLimits.ignore || t.overrideMinMaxLimits === B.options.overrideMinMaxLimits.invalid) return [!0, !0]; e = (e = e.toString()).replace(",", "."); var i, n = M.parseStr(t.minimumValue), a = M.parseStr(t.maximumValue), r = M.parseStr(e); switch (t.overrideMinMaxLimits) { case B.options.overrideMinMaxLimits.floor: i = [-1 < M.testMinMax(n, r), !0]; break; case B.options.overrideMinMaxLimits.ceiling: i = [!0, M.testMinMax(a, r) < 1]; break; default: i = [-1 < M.testMinMax(n, r), M.testMinMax(a, r) < 1] }return i } }, { key: "_isWithinRangeWithOverrideOption", value: function (e, t) { var i = S(this._checkIfInRangeWithOverrideOption(e, t), 2), n = i[0], a = i[1]; return n && a } }, { key: "_cleanValueForRangeParse", value: function (e) { return e = e.toString().replace(",", "."), M.parseStr(e) } }, { key: "_isMinimumRangeRespected", value: function (e, t) { return -1 < M.testMinMax(M.parseStr(t.minimumValue), this._cleanValueForRangeParse(e)) } }, { key: "_isMaximumRangeRespected", value: function (e, t) { return M.testMinMax(M.parseStr(t.maximumValue), this._cleanValueForRangeParse(e)) < 1 } }, { key: "_readCookie", value: function (e) { for (var t = e + "=", i = document.cookie.split(";"), n = "", a = 0; a < i.length; a += 1) { for (n = i[a]; " " === n.charAt(0);)n = n.substring(1, n.length); if (0 === n.indexOf(t)) return n.substring(t.length, n.length) } return null } }, { key: "_storageTest", value: function () { var e = "modernizr"; try { return sessionStorage.setItem(e, e), sessionStorage.removeItem(e), !0 } catch (e) { return !1 } } }, { key: "_correctNegativePositiveSignPlacementOption", value: function (e) { if (M.isNull(e.negativePositiveSignPlacement)) if (M.isUndefined(e) || !M.isUndefinedOrNullOrEmpty(e.negativePositiveSignPlacement) || M.isUndefinedOrNullOrEmpty(e.currencySymbol)) e.negativePositiveSignPlacement = B.options.negativePositiveSignPlacement.left; else switch (e.currencySymbolPlacement) { case B.options.currencySymbolPlacement.suffix: e.negativePositiveSignPlacement = B.options.negativePositiveSignPlacement.prefix; break; case B.options.currencySymbolPlacement.prefix: e.negativePositiveSignPlacement = B.options.negativePositiveSignPlacement.left } } }, { key: "_correctCaretPositionOnFocusAndSelectOnFocusOptions", value: function (e) { return M.isNull(e) ? null : (!M.isUndefinedOrNullOrEmpty(e.caretPositionOnFocus) && M.isUndefinedOrNullOrEmpty(e.selectOnFocus) && (e.selectOnFocus = B.options.selectOnFocus.doNotSelect), M.isUndefinedOrNullOrEmpty(e.caretPositionOnFocus) && !M.isUndefinedOrNullOrEmpty(e.selectOnFocus) && e.selectOnFocus === B.options.selectOnFocus.select && (e.caretPositionOnFocus = B.options.caretPositionOnFocus.doNoForceCaretPosition), e) } }, { key: "_calculateDecimalPlacesOnInit", value: function (e) { this._validateDecimalPlacesRawValue(e), e.decimalPlacesShownOnFocus === B.options.decimalPlacesShownOnFocus.useDefault && (e.decimalPlacesShownOnFocus = e.decimalPlaces), e.decimalPlacesShownOnBlur === B.options.decimalPlacesShownOnBlur.useDefault && (e.decimalPlacesShownOnBlur = e.decimalPlaces), e.decimalPlacesRawValue === B.options.decimalPlacesRawValue.useDefault && (e.decimalPlacesRawValue = e.decimalPlaces); var t = 0; e.rawValueDivisor && e.rawValueDivisor !== B.options.rawValueDivisor.none && (t = String(e.rawValueDivisor).length - 1) < 0 && (t = 0), e.decimalPlacesRawValue = Math.max(Math.max(e.decimalPlacesShownOnBlur, e.decimalPlacesShownOnFocus) + t, Number(e.originalDecimalPlacesRawValue) + t) } }, { key: "_calculateDecimalPlacesOnUpdate", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; this._validateDecimalPlacesRawValue(e), M.isNull(i) && M.throwError("When updating the settings, the previous ones should be passed as an argument."); var n = "decimalPlaces" in e; if (n || "decimalPlacesRawValue" in e || "decimalPlacesShownOnFocus" in e || "decimalPlacesShownOnBlur" in e || "rawValueDivisor" in e) { n ? ("decimalPlacesShownOnFocus" in e && e.decimalPlacesShownOnFocus !== B.options.decimalPlacesShownOnFocus.useDefault || (e.decimalPlacesShownOnFocus = e.decimalPlaces), "decimalPlacesShownOnBlur" in e && e.decimalPlacesShownOnBlur !== B.options.decimalPlacesShownOnBlur.useDefault || (e.decimalPlacesShownOnBlur = e.decimalPlaces), "decimalPlacesRawValue" in e && e.decimalPlacesRawValue !== B.options.decimalPlacesRawValue.useDefault || (e.decimalPlacesRawValue = e.decimalPlaces)) : (M.isUndefined(e.decimalPlacesShownOnFocus) && (e.decimalPlacesShownOnFocus = i.decimalPlacesShownOnFocus), M.isUndefined(e.decimalPlacesShownOnBlur) && (e.decimalPlacesShownOnBlur = i.decimalPlacesShownOnBlur)); var a = 0; e.rawValueDivisor && e.rawValueDivisor !== B.options.rawValueDivisor.none && (a = String(e.rawValueDivisor).length - 1) < 0 && (a = 0), e.decimalPlaces || e.decimalPlacesRawValue ? e.decimalPlacesRawValue = Math.max(Math.max(e.decimalPlacesShownOnBlur, e.decimalPlacesShownOnFocus) + a, Number(e.decimalPlacesRawValue) + a) : e.decimalPlacesRawValue = Math.max(Math.max(e.decimalPlacesShownOnBlur, e.decimalPlacesShownOnFocus) + a, Number(i.originalDecimalPlacesRawValue) + a) } } }, { key: "_cachesUsualRegularExpressions", value: function (e, t) { var i; i = e.negativeSignCharacter !== B.options.negativeSignCharacter.hyphen ? "([-\\".concat(e.negativeSignCharacter, "]?)") : "(-?)", t.aNegRegAutoStrip = i, e.allowedAutoStrip = new RegExp("[^-0123456789\\".concat(e.decimalCharacter, "]"), "g"), e.numRegAutoStrip = new RegExp("".concat(i, "(?:\\").concat(e.decimalCharacter, "?([0-9]+\\").concat(e.decimalCharacter, "[0-9]+)|([0-9]*(?:\\").concat(e.decimalCharacter, "[0-9]*)?))")), e.stripReg = new RegExp("^".concat(t.aNegRegAutoStrip, "0*([0-9])")), e.formulaChars = new RegExp("[0-9".concat(e.decimalCharacter, "+\\-*/() ]")) } }, { key: "_convertOldOptionsToNewOnes", value: function (e) { var t = { aSep: "digitGroupSeparator", nSep: "showOnlyNumbersOnFocus", dGroup: "digitalGroupSpacing", aDec: "decimalCharacter", altDec: "decimalCharacterAlternative", aSign: "currencySymbol", pSign: "currencySymbolPlacement", pNeg: "negativePositiveSignPlacement", aSuffix: "suffixText", oLimits: "overrideMinMaxLimits", vMax: "maximumValue", vMin: "minimumValue", mDec: "decimalPlacesOverride", eDec: "decimalPlacesShownOnFocus", scaleDecimal: "decimalPlacesShownOnBlur", aStor: "saveValueToSessionStorage", mRound: "roundingMethod", aPad: "allowDecimalPadding", nBracket: "negativeBracketsTypeOnBlur", wEmpty: "emptyInputBehavior", lZero: "leadingZero", aForm: "formatOnPageLoad", sNumber: "selectNumberOnly", anDefault: "defaultValueOverride", unSetOnSubmit: "unformatOnSubmit", outputType: "outputFormat", debug: "showWarnings", allowDecimalPadding: !0, alwaysAllowDecimalCharacter: !0, caretPositionOnFocus: !0, createLocalList: !0, currencySymbol: !0, currencySymbolPlacement: !0, decimalCharacter: !0, decimalCharacterAlternative: !0, decimalPlaces: !0, decimalPlacesRawValue: !0, decimalPlacesShownOnBlur: !0, decimalPlacesShownOnFocus: !0, defaultValueOverride: !0, digitalGroupSpacing: !0, digitGroupSeparator: !0, divisorWhenUnfocused: !0, emptyInputBehavior: !0, eventBubbles: !0, eventIsCancelable: !0, failOnUnknownOption: !0, formatOnPageLoad: !0, formulaMode: !0, historySize: !0, isCancellable: !0, leadingZero: !0, maximumValue: !0, minimumValue: !0, modifyValueOnWheel: !0, negativeBracketsTypeOnBlur: !0, negativePositiveSignPlacement: !0, negativeSignCharacter: !0, noEventListeners: !0, onInvalidPaste: !0, outputFormat: !0, overrideMinMaxLimits: !0, positiveSignCharacter: !0, rawValueDivisor: !0, readOnly: !0, roundingMethod: !0, saveValueToSessionStorage: !0, selectNumberOnly: !0, selectOnFocus: !0, serializeSpaces: !0, showOnlyNumbersOnFocus: !0, showPositiveSign: !0, showWarnings: !0, styleRules: !0, suffixText: !0, symbolWhenUnfocused: !0, unformatOnHover: !0, unformatOnSubmit: !0, valuesToStrings: !0, watchExternalChanges: !0, wheelOn: !0, wheelStep: !0, allowedAutoStrip: !0, formulaChars: !0, isNegativeSignAllowed: !0, isPositiveSignAllowed: !0, mIntNeg: !0, mIntPos: !0, numRegAutoStrip: !0, originalDecimalPlaces: !0, originalDecimalPlacesRawValue: !0, stripReg: !0 }; for (var i in e) if (Object.prototype.hasOwnProperty.call(e, i)) { if (!0 === t[i]) continue; Object.prototype.hasOwnProperty.call(t, i) ? (M.warning("You are using the deprecated option name '".concat(i, "'. Please use '").concat(t[i], "' instead from now on. The old option name will be dropped very soon™."), !0), e[t[i]] = e[i], delete e[i]) : e.failOnUnknownOption && M.throwError("Option name '".concat(i, "' is unknown. Please fix the options passed to autoNumeric")) } "mDec" in e && M.warning("The old `mDec` option has been deprecated in favor of more accurate options ; `decimalPlaces`, `decimalPlacesRawValue`, `decimalPlacesShownOnFocus` and `decimalPlacesShownOnBlur`.", !0) } }, { key: "_setNegativePositiveSignPermissions", value: function (e) { e.isNegativeSignAllowed = e.minimumValue < 0, e.isPositiveSignAllowed = 0 <= e.maximumValue } }, { key: "_toNumericValue", value: function (e, t) { var i; return M.isNumber(Number(e)) ? i = M.scientificToDecimal(e) : (i = this._convertToNumericString(e.toString(), t), M.isNumber(Number(i)) || (M.warning('The given value "'.concat(e, '" cannot be converted to a numeric one and therefore cannot be used appropriately.'), t.showWarnings), i = NaN)), i } }, { key: "_checkIfInRange", value: function (e, t, i) { var n = M.parseStr(e); return -1 < M.testMinMax(t, n) && M.testMinMax(i, n) < 1 } }, { key: "_shouldSkipEventKey", value: function (e) { var t = M.isInArray(e, g.keyName._allFnKeys), i = e === g.keyName.OSLeft || e === g.keyName.OSRight, n = e === g.keyName.ContextMenu, a = M.isInArray(e, g.keyName._someNonPrintableKeys), r = e === g.keyName.NumLock || e === g.keyName.ScrollLock || e === g.keyName.Insert || e === g.keyName.Command, s = e === g.keyName.Unidentified; return t || i || n || a || s || r } }, { key: "_serialize", value: function (e, t, i, n, a) { var r, s = this, o = 1 < arguments.length && void 0 !== t && t, l = 2 < arguments.length && void 0 !== i ? i : "unformatted", u = 3 < arguments.length && void 0 !== n ? n : "+", c = 4 < arguments.length && void 0 !== a ? a : null, h = []; return "object" === w(e) && "form" === e.nodeName.toLowerCase() && Array.prototype.slice.call(e.elements).forEach(function (t) { if (t.name && !t.disabled && -1 === ["file", "reset", "submit", "button"].indexOf(t.type)) if ("select-multiple" === t.type) Array.prototype.slice.call(t.options).forEach(function (e) { e.selected && (o ? h.push({ name: t.name, value: e.value }) : h.push("".concat(encodeURIComponent(t.name), "=").concat(encodeURIComponent(e.value)))) }); else if (-1 === ["checkbox", "radio"].indexOf(t.type) || t.checked) { var e, i; if (s.isManagedByAutoNumeric(t)) switch (l) { case "unformatted": i = s.getAutoNumericElement(t), M.isNull(i) || (e = s.unformat(t, i.getSettings())); break; case "localized": if (i = s.getAutoNumericElement(t), !M.isNull(i)) { var n = M.cloneObject(i.getSettings()); M.isNull(c) || (n.outputFormat = c), e = s.localize(t, n) } break; case "formatted": default: e = t.value } else e = t.value; M.isUndefined(e) && M.throwError("This error should never be hit. If it has, something really wrong happened!"), o ? h.push({ name: t.name, value: e }) : h.push("".concat(encodeURIComponent(t.name), "=").concat(encodeURIComponent(e))) } }), o ? r = h : (r = h.join("&"), "+" === u && (r = r.replace(/%20/g, "+"))), r } }, { key: "_serializeNumericString", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : "+"; return this._serialize(e, !1, "unformatted", i) } }, { key: "_serializeFormatted", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : "+"; return this._serialize(e, !1, "formatted", i) } }, { key: "_serializeLocalized", value: function (e, t, i) { var n = 1 < arguments.length && void 0 !== t ? t : "+", a = 2 < arguments.length && void 0 !== i ? i : null; return this._serialize(e, !1, "localized", n, a) } }, { key: "_serializeNumericStringArray", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : "+"; return this._serialize(e, !0, "unformatted", i) } }, { key: "_serializeFormattedArray", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : "+"; return this._serialize(e, !0, "formatted", i) } }, { key: "_serializeLocalizedArray", value: function (e, t, i) { var n = 1 < arguments.length && void 0 !== t ? t : "+", a = 2 < arguments.length && void 0 !== i ? i : null; return this._serialize(e, !0, "localized", n, a) } }], P((e = B).prototype, [{ key: "_saveInitialValues", value: function (e) { this.initialValueHtmlAttribute = M.scientificToDecimal(this.domElement.getAttribute("value")), M.isNull(this.initialValueHtmlAttribute) && (this.initialValueHtmlAttribute = ""), this.initialValue = e, M.isNull(this.initialValue) && (this.initialValue = "") } }, { key: "_createEventListeners", value: function () { var t = this; this.formulaMode = !1, this._onFocusInFunc = function (e) { t._onFocusIn(e) }, this._onFocusInAndMouseEnterFunc = function (e) { t._onFocusInAndMouseEnter(e) }, this._onFocusFunc = function () { t._onFocus() }, this._onKeydownFunc = function (e) { t._onKeydown(e) }, this._onKeypressFunc = function (e) { t._onKeypress(e) }, this._onKeyupFunc = function (e) { t._onKeyup(e) }, this._onFocusOutAndMouseLeaveFunc = function (e) { t._onFocusOutAndMouseLeave(e) }, this._onPasteFunc = function (e) { t._onPaste(e) }, this._onWheelFunc = function (e) { t._onWheel(e) }, this._onDropFunc = function (e) { t._onDrop(e) }, this._onKeydownGlobalFunc = function (e) { t._onKeydownGlobal(e) }, this._onKeyupGlobalFunc = function (e) { t._onKeyupGlobal(e) }, this.domElement.addEventListener("focusin", this._onFocusInFunc, !1), this.domElement.addEventListener("focus", this._onFocusInAndMouseEnterFunc, !1), this.domElement.addEventListener("focus", this._onFocusFunc, !1), this.domElement.addEventListener("mouseenter", this._onFocusInAndMouseEnterFunc, !1), this.domElement.addEventListener("keydown", this._onKeydownFunc, !1), this.domElement.addEventListener("keypress", this._onKeypressFunc, !1), this.domElement.addEventListener("keyup", this._onKeyupFunc, !1), this.domElement.addEventListener("blur", this._onFocusOutAndMouseLeaveFunc, !1), this.domElement.addEventListener("mouseleave", this._onFocusOutAndMouseLeaveFunc, !1), this.domElement.addEventListener("paste", this._onPasteFunc, !1), this.domElement.addEventListener("wheel", this._onWheelFunc, !1), this.domElement.addEventListener("drop", this._onDropFunc, !1), this._setupFormListener(), this.hasEventListeners = !0, B._doesGlobalListExists() || (document.addEventListener("keydown", this._onKeydownGlobalFunc, !1), document.addEventListener("keyup", this._onKeyupGlobalFunc, !1)) } }, { key: "_removeEventListeners", value: function () { this.domElement.removeEventListener("focusin", this._onFocusInFunc, !1), this.domElement.removeEventListener("focus", this._onFocusInAndMouseEnterFunc, !1), this.domElement.removeEventListener("focus", this._onFocusFunc, !1), this.domElement.removeEventListener("mouseenter", this._onFocusInAndMouseEnterFunc, !1), this.domElement.removeEventListener("blur", this._onFocusOutAndMouseLeaveFunc, !1), this.domElement.removeEventListener("mouseleave", this._onFocusOutAndMouseLeaveFunc, !1), this.domElement.removeEventListener("keydown", this._onKeydownFunc, !1), this.domElement.removeEventListener("keypress", this._onKeypressFunc, !1), this.domElement.removeEventListener("keyup", this._onKeyupFunc, !1), this.domElement.removeEventListener("paste", this._onPasteFunc, !1), this.domElement.removeEventListener("wheel", this._onWheelFunc, !1), this.domElement.removeEventListener("drop", this._onDropFunc, !1), this._removeFormListener(), this.hasEventListeners = !1, document.removeEventListener("keydown", this._onKeydownGlobalFunc, !1), document.removeEventListener("keyup", this._onKeyupGlobalFunc, !1) } }, { key: "_updateEventListeners", value: function () { this.settings.noEventListeners || this.hasEventListeners || this._createEventListeners(), this.settings.noEventListeners && this.hasEventListeners && this._removeEventListeners() } }, { key: "_setupFormListener", value: function () { var e = this; M.isNull(this.parentForm) || (this._onFormSubmitFunc = function () { e._onFormSubmit() }, this._onFormResetFunc = function () { e._onFormReset() }, this._hasParentFormCounter() ? this._incrementParentFormCounter() : (this._initializeFormCounterToOne(), this.parentForm.addEventListener("submit", this._onFormSubmitFunc, !1), this.parentForm.addEventListener("reset", this._onFormResetFunc, !1), this._storeFormHandlerFunction())) } }, { key: "_removeFormListener", value: function () { if (!M.isNull(this.parentForm)) { var e = this._getParentFormCounter(); 1 === e ? (this.parentForm.removeEventListener("submit", this._getFormHandlerFunction().submitFn, !1), this.parentForm.removeEventListener("reset", this._getFormHandlerFunction().resetFn, !1), this._removeFormDataSetInfo()) : 1 < e ? this._decrementParentFormCounter() : M.throwError("The AutoNumeric object count on the form is incoherent.") } } }, { key: "_hasParentFormCounter", value: function () { return "anCount" in this.parentForm.dataset } }, { key: "_getParentFormCounter", value: function () { return Number(this.parentForm.dataset.anCount) } }, { key: "_initializeFormCounterToOne", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; this._getFormElement(t).dataset.anCount = 1 } }, { key: "_incrementParentFormCounter", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; this._getFormElement(t).dataset.anCount++ } }, { key: "_decrementParentFormCounter", value: function () { this.parentForm.dataset.anCount-- } }, { key: "_hasFormHandlerFunction", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return "anFormHandler" in this._getFormElement(t).dataset } }, { key: "_getFormElement", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return M.isNull(t) ? this.parentForm : t } }, { key: "_storeFormHandlerFunction", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; this.constructor._doesFormHandlerListExists() || this.constructor._createFormHandlerList(); var i = M.randomString(); this._getFormElement(t).dataset.anFormHandler = i, window.aNFormHandlerMap.set(i, { submitFn: this._onFormSubmitFunc, resetFn: this._onFormResetFunc }) } }, { key: "_getFormHandlerKey", value: function () { this._hasFormHandlerFunction() || M.throwError("Unable to retrieve the form handler name"); var e = this.parentForm.dataset.anFormHandler; return "" === e && M.throwError("The form handler name is invalid"), e } }, { key: "_getFormHandlerFunction", value: function () { var e = this._getFormHandlerKey(); return window.aNFormHandlerMap.get(e) } }, { key: "_removeFormDataSetInfo", value: function () { this._decrementParentFormCounter(), window.aNFormHandlerMap.delete(this._getFormHandlerKey()), this.parentForm.removeAttribute("data-an-count"), this.parentForm.removeAttribute("data-an-form-handler") } }, { key: "_setWritePermissions", value: function (e) { 0 < arguments.length && void 0 !== e && e && this.domElement.readOnly || this.settings.readOnly ? this._setReadOnly() : this._setReadWrite() } }, { key: "_setReadOnly", value: function () { this.isInputElement ? this.domElement.readOnly = !0 : this.domElement.setAttribute("contenteditable", !1) } }, { key: "_setReadWrite", value: function () { this.isInputElement ? this.domElement.readOnly = !1 : this.domElement.setAttribute("contenteditable", !0) } }, { key: "_addWatcher", value: function () { var t = this; if (!M.isUndefined(this.getterSetter)) { var e = this.getterSetter, i = e.set, n = e.get; Object.defineProperty(this.domElement, this.attributeToWatch, { configurable: !0, get: function () { return n.call(t.domElement) }, set: function (e) { i.call(t.domElement, e), t.settings.watchExternalChanges && !t.internalModification && t.set(e) } }) } } }, { key: "_removeWatcher", value: function () { var t = this; if (!M.isUndefined(this.getterSetter)) { var e = this.getterSetter, i = e.set, n = e.get; Object.defineProperty(this.domElement, this.attributeToWatch, { configurable: !0, get: function () { return n.call(t.domElement) }, set: function (e) { i.call(t.domElement, e) } }) } } }, { key: "_getAttributeToWatch", value: function () { var e; if (this.isInputElement) e = "value"; else { var t = this.domElement.nodeType; t === Node.ELEMENT_NODE || t === Node.DOCUMENT_NODE || t === Node.DOCUMENT_FRAGMENT_NODE ? e = "textContent" : t === Node.TEXT_NODE && (e = "nodeValue") } return e } }, { key: "_historyTableAdd", value: function () { var e = 0 === this.historyTable.length; if (e || this.rawValue !== this._historyTableCurrentValueUsed()) { var t = !0; if (!e) { var i = this.historyTableIndex + 1; i < this.historyTable.length && this.rawValue === this.historyTable[i].value ? t = !1 : M.arrayTrim(this.historyTable, this.historyTableIndex + 1) } if (this.historyTableIndex++, t) { var n = M.getElementSelection(this.domElement); this.selectionStart = n.start, this.selectionEnd = n.end, this.historyTable.push({ value: this.rawValue, start: this.selectionStart + 1, end: this.selectionEnd + 1 }), 1 < this.historyTable.length && (this.historyTable[this.historyTableIndex - 1].start = this.selectionStart, this.historyTable[this.historyTableIndex - 1].end = this.selectionEnd) } this.historyTable.length > this.settings.historySize && this._historyTableForget() } } }, { key: "_historyTableUndoOrRedo", value: function (e) { var t; if (0 < arguments.length && void 0 !== e && !e ? (t = this.historyTableIndex + 1 < this.historyTable.length) && this.historyTableIndex++ : (t = 0 < this.historyTableIndex) && this.historyTableIndex--, t) { var i = this.historyTable[this.historyTableIndex]; this.set(i.value, null, !1), M.setElementSelection(this.domElement, i.start, i.end) } } }, { key: "_historyTableUndo", value: function () { this._historyTableUndoOrRedo(!0) } }, { key: "_historyTableRedo", value: function () { this._historyTableUndoOrRedo(!1) } }, { key: "_historyTableForget", value: function (e) { for (var t = 0 < arguments.length && void 0 !== e ? e : 1, i = [], n = 0; n < t; n++)i.push(this.historyTable.shift()), this.historyTableIndex--, this.historyTableIndex < 0 && (this.historyTableIndex = 0); return 1 === i.length ? i[0] : i } }, { key: "_historyTableCurrentValueUsed", value: function () { var e = this.historyTableIndex; return e < 0 && (e = 0), M.isUndefinedOrNullOrEmpty(this.historyTable[e]) ? "" : this.historyTable[e].value } }, { key: "_parseStyleRules", value: function () { var n = this; M.isUndefinedOrNullOrEmpty(this.settings.styleRules) || "" === this.rawValue || (M.isUndefinedOrNullOrEmpty(this.settings.styleRules.positive) || (0 <= this.rawValue ? this._addCSSClass(this.settings.styleRules.positive) : this._removeCSSClass(this.settings.styleRules.positive)), M.isUndefinedOrNullOrEmpty(this.settings.styleRules.negative) || (this.rawValue < 0 ? this._addCSSClass(this.settings.styleRules.negative) : this._removeCSSClass(this.settings.styleRules.negative)), M.isUndefinedOrNullOrEmpty(this.settings.styleRules.ranges) || 0 === this.settings.styleRules.ranges.length || this.settings.styleRules.ranges.forEach(function (e) { n.rawValue >= e.min && n.rawValue < e.max ? n._addCSSClass(e.class) : n._removeCSSClass(e.class) }), M.isUndefinedOrNullOrEmpty(this.settings.styleRules.userDefined) || 0 === this.settings.styleRules.userDefined.length || this.settings.styleRules.userDefined.forEach(function (e) { if (M.isFunction(e.callback)) if (M.isString(e.classes)) e.callback(n.rawValue) ? n._addCSSClass(e.classes) : n._removeCSSClass(e.classes); else if (M.isArray(e.classes)) if (2 === e.classes.length) e.callback(n.rawValue) ? (n._addCSSClass(e.classes[0]), n._removeCSSClass(e.classes[1])) : (n._removeCSSClass(e.classes[0]), n._addCSSClass(e.classes[1])); else if (2 < e.classes.length) { var i = e.callback(n.rawValue); M.isArray(i) ? e.classes.forEach(function (e, t) { M.isInArray(t, i) ? n._addCSSClass(e) : n._removeCSSClass(e) }) : M.isInt(i) ? e.classes.forEach(function (e, t) { t === i ? n._addCSSClass(e) : n._removeCSSClass(e) }) : M.isNull(i) ? e.classes.forEach(function (e) { n._removeCSSClass(e) }) : M.throwError("The callback result is not an array nor a valid array index, ".concat(w(i), " given.")) } else M.throwError("The classes attribute is not valid for the `styleRules` option."); else M.isUndefinedOrNullOrEmpty(e.classes) ? e.callback(n) : M.throwError("The callback/classes structure is not valid for the `styleRules` option."); else M.warning("The given `styleRules` callback is not a function, ".concat("undefined" == typeof callback ? "undefined" : w(callback), " given."), n.settings.showWarnings) })) } }, { key: "_addCSSClass", value: function (e) { this.domElement.classList.add(e) } }, { key: "_removeCSSClass", value: function (e) { this.domElement.classList.remove(e) } }, { key: "update", value: function () { for (var t = this, e = arguments.length, i = new Array(e), n = 0; n < e; n++)i[n] = arguments[n]; Array.isArray(i) && Array.isArray(i[0]) && (i = i[0]); var a = M.cloneObject(this.settings), r = this.rawValue, s = {}; M.isUndefinedOrNullOrEmpty(i) || 0 === i.length ? s = null : 1 <= i.length && i.forEach(function (e) { t.constructor._isPreDefinedOptionValid(e) && (e = t.constructor._getOptionObject(e)), b(s, e) }); try { this._setSettings(s, !0), this._setWritePermissions(), this._updateEventListeners(), this.set(r) } catch (e) { return this._setSettings(a, !0), M.throwError("Unable to update the settings, those are invalid: [".concat(e, "]")), this } return this } }, { key: "getSettings", value: function () { return this.settings } }, { key: "set", value: function (e, t, i) { var n, a = 1 < arguments.length && void 0 !== t ? t : null, r = !(2 < arguments.length && void 0 !== i) || i; if (M.isUndefined(e)) return M.warning("You are trying to set an 'undefined' value ; an error could have occurred.", this.settings.showWarnings), this; if (M.isNull(a) || this._setSettings(a, !0), null === e && this.settings.emptyInputBehavior !== B.options.emptyInputBehavior.null) return M.warning("You are trying to set the `null` value while the `emptyInputBehavior` option is set to ".concat(this.settings.emptyInputBehavior, ". If you want to be able to set the `null` value, you need to change the 'emptyInputBehavior' option to `'null'`."), this.settings.showWarnings), this; if (null === e) return this._setElementAndRawValue(null, null, r), this._saveValueToPersistentStorage(), this; if (n = this.constructor._toNumericValue(e, this.settings), isNaN(Number(n))) return M.warning("The value you are trying to set results in `NaN`. The element value is set to the empty string instead.", this.settings.showWarnings), this.setValue("", r), this; if ("" === n) switch (this.settings.emptyInputBehavior) { case B.options.emptyInputBehavior.zero: n = 0; break; case B.options.emptyInputBehavior.min: n = this.settings.minimumValue; break; case B.options.emptyInputBehavior.max: n = this.settings.maximumValue; break; default: M.isNumber(this.settings.emptyInputBehavior) && (n = Number(this.settings.emptyInputBehavior)) }if ("" === n) return s = this.settings.emptyInputBehavior === B.options.emptyInputBehavior.always ? this.settings.currencySymbol : "", this._setElementAndRawValue(s, "", r), this; var s, o = S(this.constructor._checkIfInRangeWithOverrideOption(n, this.settings), 2), l = o[0], u = o[1]; if (l && u && this.settings.valuesToStrings && this._checkValuesToStrings(n)) return this._setElementAndRawValue(this.settings.valuesToStrings[n], n, r), this._saveValueToPersistentStorage(), this; if (M.isZeroOrHasNoValue(n) && (n = "0"), l && u) { var c = this.constructor._roundRawValue(n, this.settings); return c = this._trimLeadingAndTrailingZeros(c.replace(this.settings.decimalCharacter, ".")), n = this._getRawValueToFormat(n), n = this.isFocused ? this.constructor._roundFormattedValueShownOnFocus(n, this.settings) : (this.settings.divisorWhenUnfocused && (n = (n /= this.settings.divisorWhenUnfocused).toString()), this.constructor._roundFormattedValueShownOnBlur(n, this.settings)), n = this.constructor._modifyNegativeSignAndDecimalCharacterForFormattedValue(n, this.settings), n = this.constructor._addGroupSeparators(n, this.settings, this.isFocused, this.rawValue, c), !this.isFocused && this.settings.symbolWhenUnfocused && (n = "".concat(n).concat(this.settings.symbolWhenUnfocused)), (this.settings.decimalPlacesShownOnFocus || this.settings.divisorWhenUnfocused) && this._saveValueToPersistentStorage(), this._setElementAndRawValue(n, c, r), this._setValidOrInvalidState(c), this } return this._triggerRangeEvents(l, u), M.throwError("The value [".concat(n, "] being set falls outside of the minimumValue [").concat(this.settings.minimumValue, "] and maximumValue [").concat(this.settings.maximumValue, "] range set for this element")), this._removeValueFromPersistentStorage(), this.setValue("", r), this } }, { key: "setUnformatted", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; if (null === e || M.isUndefined(e)) return this; M.isNull(i) || this._setSettings(i, !0); var n = this.constructor._removeBrackets(e, this.settings), a = this.constructor._stripAllNonNumberCharacters(n, this.settings, !0, this.isFocused); return M.isNumber(a) || M.throwError("The value is not a valid one, it's not a numeric string nor a recognized currency."), this.constructor._isWithinRangeWithOverrideOption(a, this.settings) ? this.setValue(e) : M.throwError("The value is out of the range limits [".concat(this.settings.minimumValue, ", ").concat(this.settings.maximumValue, "].")), this } }, { key: "setValue", value: function (e, t) { var i = !(1 < arguments.length && void 0 !== t) || t; return this._setElementAndRawValue(e, i), this } }, { key: "_setRawValue", value: function (e, t) { var i = !(1 < arguments.length && void 0 !== t) || t; if (this.rawValue !== e) { var n = this.rawValue; this.rawValue = e, !M.isNull(this.settings.rawValueDivisor) && 0 !== this.settings.rawValueDivisor && "" !== e && null !== e && this._isUserManuallyEditingTheValue() && (this.rawValue /= this.settings.rawValueDivisor), this._triggerEvent(B.events.rawValueModified, this.domElement, { oldRawValue: n, newRawValue: this.rawValue, isPristine: this.isPristine(!0), error: null, aNElement: this }), this._parseStyleRules(), i && this._historyTableAdd() } } }, { key: "_setElementValue", value: function (e, t) { var i = !(1 < arguments.length && void 0 !== t) || t, n = M.getElementValue(this.domElement); return e !== n && (this.internalModification = !0, M.setElementValue(this.domElement, e), this.internalModification = !1, i && this._triggerEvent(B.events.formatted, this.domElement, { oldValue: n, newValue: e, oldRawValue: this.rawValue, newRawValue: this.rawValue, isPristine: this.isPristine(!1), error: null, aNElement: this })), this } }, { key: "_setElementAndRawValue", value: function (e, t, i) { var n = 1 < arguments.length && void 0 !== t ? t : null, a = !(2 < arguments.length && void 0 !== i) || i; return M.isNull(n) ? n = e : M.isBoolean(n) && (a = n, n = e), this._setElementValue(e), this._setRawValue(n, a), this } }, { key: "_getRawValueToFormat", value: function (e) { return M.isNull(this.settings.rawValueDivisor) || 0 === this.settings.rawValueDivisor || "" === e || null === e ? e : e * this.settings.rawValueDivisor } }, { key: "_checkValuesToStrings", value: function (e) { return this.constructor._checkValuesToStringsArray(e, this.valuesToStringsKeys) } }, { key: "_isUserManuallyEditingTheValue", value: function () { return this.isFocused && this.isEditing || this.isDropEvent } }, { key: "_executeCallback", value: function (e, t) { !M.isNull(t) && M.isFunction(t) && t(e, this) } }, { key: "_triggerEvent", value: function (e, t, i) { var n = 1 < arguments.length && void 0 !== t ? t : document, a = 2 < arguments.length && void 0 !== i ? i : null; M.triggerEvent(e, n, a, this.settings.eventBubbles, this.settings.eventIsCancelable) } }, { key: "get", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this.getNumericString(t) } }, { key: "getNumericString", value: function (e) { var t, i = 0 < arguments.length && void 0 !== e ? e : null; return t = M.isNull(this.rawValue) ? null : M.trimPaddedZerosFromDecimalPlaces(this.rawValue), this._executeCallback(t, i), t } }, { key: "getFormatted", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; "value" in this.domElement || "textContent" in this.domElement || M.throwError("Unable to get the formatted string from the element."); var i = M.getElementValue(this.domElement); return this._executeCallback(i, t), i } }, { key: "getNumber", value: function (e) { var t, i = 0 < arguments.length && void 0 !== e ? e : null; return t = null === this.rawValue ? null : this.constructor._toLocale(this.getNumericString(), "number", this.settings), this._executeCallback(t, i), t } }, { key: "getLocalized", value: function (e, t) { var i, n, a = 0 < arguments.length && void 0 !== e ? e : null, r = 1 < arguments.length && void 0 !== t ? t : null; M.isFunction(a) && M.isNull(r) && (r = a, a = null), (i = M.isEmptyString(this.rawValue) ? "" : "" + Number(this.rawValue)) && 0 === Number(i) && this.settings.leadingZero !== B.options.leadingZero.keep && (i = "0"), n = M.isNull(a) ? this.settings.outputFormat : a; var s = this.constructor._toLocale(i, n, this.settings); return this._executeCallback(s, r), s } }, { key: "reformat", value: function () { return this.set(this.rawValue), this } }, { key: "unformat", value: function () { return this._setElementValue(this.getNumericString()), this } }, { key: "unformatLocalized", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._setElementValue(this.getLocalized(t)), this } }, { key: "isPristine", value: function (e) { return 0 < arguments.length && void 0 !== e && !e ? this.initialValueHtmlAttribute === this.getFormatted() : this.initialValue === this.getNumericString() } }, { key: "select", value: function () { return this.settings.selectNumberOnly ? this.selectNumber() : this._defaultSelectAll(), this } }, { key: "_defaultSelectAll", value: function () { M.setElementSelection(this.domElement, 0, M.getElementValue(this.domElement).length) } }, { key: "selectNumber", value: function () { var e, t, i = M.getElementValue(this.domElement), n = i.length, a = this.settings.currencySymbol.length, r = this.settings.currencySymbolPlacement, s = M.isNegative(i, this.settings.negativeSignCharacter) ? 1 : 0, o = this.settings.suffixText.length; if (e = r === B.options.currencySymbolPlacement.suffix ? 0 : this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.left && 1 == s && 0 < a ? a + 1 : a, r === B.options.currencySymbolPlacement.prefix) t = n - o; else switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.left: t = n - (o + a); break; case B.options.negativePositiveSignPlacement.right: t = 0 < a ? n - (a + s + o) : n - (a + o); break; default: t = n - (a + o) }return M.setElementSelection(this.domElement, e, t), this } }, { key: "selectInteger", value: function () { var e = 0, t = 0 <= this.rawValue; this.settings.currencySymbolPlacement !== B.options.currencySymbolPlacement.prefix && (this.settings.currencySymbolPlacement !== B.options.currencySymbolPlacement.suffix || this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.prefix && this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none) || (this.settings.showPositiveSign && t || !t && this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix && this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.left) && (e += 1), this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix && (e += this.settings.currencySymbol.length); var i = M.getElementValue(this.domElement), n = i.indexOf(this.settings.decimalCharacter); return -1 === n && (n = this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix ? i.length - this.settings.currencySymbol.length : i.length, t || this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.suffix && this.settings.currencySymbolPlacement !== B.options.currencySymbolPlacement.suffix || --n, n -= this.settings.suffixText.length), M.setElementSelection(this.domElement, e, n), this } }, { key: "selectDecimal", value: function () { var e, t, i = M.getElementValue(this.domElement).indexOf(this.settings.decimalCharacter); return e = -1 === i ? i = 0 : (i += 1, t = this.isFocused ? this.settings.decimalPlacesShownOnFocus : this.settings.decimalPlacesShownOnBlur, i + Number(t)), M.setElementSelection(this.domElement, i, e), this } }, { key: "node", value: function () { return this.domElement } }, { key: "parent", value: function () { return this.domElement.parentNode } }, { key: "detach", value: function (e) { var t, i = 0 < arguments.length && void 0 !== e ? e : null; return t = M.isNull(i) ? this.domElement : i.node(), this._removeFromLocalList(t), this } }, { key: "attach", value: function (e, t) { var i = !(1 < arguments.length && void 0 !== t) || t; return this._addToLocalList(e.node()), i && e.update(this.settings), this } }, { key: "formatOther", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return this._formatOrUnformatOther(!0, e, i) } }, { key: "unformatOther", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return this._formatOrUnformatOther(!1, e, i) } }, { key: "_formatOrUnformatOther", value: function (e, t, i) { var n, a, r = 2 < arguments.length && void 0 !== i ? i : null; if (n = M.isNull(r) ? this.settings : this._cloneAndMergeSettings(r), M.isElement(t)) { var s = M.getElementValue(t); return a = e ? B.format(s, n) : B.unformat(s, n), M.setElementValue(t, a), null } return e ? B.format(t, n) : B.unformat(t, n) } }, { key: "init", value: function (e, t) { var n = this, a = !(1 < arguments.length && void 0 !== t) || t, i = !1, r = []; if (M.isString(e) ? r = p(document.querySelectorAll(e)) : M.isElement(e) ? (r.push(e), i = !0) : M.isArray(e) ? r = e : M.throwError("The given parameters to the 'init' function are invalid."), 0 === r.length) return M.warning("No valid DOM elements were given hence no AutoNumeric object were instantiated.", !0), []; var s = this._getLocalList(), o = []; return r.forEach(function (e) { var t = n.settings.createLocalList; a && (n.settings.createLocalList = !1); var i = new B(e, M.getElementValue(e), n.settings); a && (i._setLocalList(s), n._addToLocalList(e, i), n.settings.createLocalList = t), o.push(i) }), i ? o[0] : o } }, { key: "clear", value: function (e) { if (0 < arguments.length && void 0 !== e && e) { var t = { emptyInputBehavior: B.options.emptyInputBehavior.focus }; this.set("", t) } else this.set(""); return this } }, { key: "remove", value: function () { this._removeValueFromPersistentStorage(), this._removeEventListeners(), this._removeWatcher(), this._removeFromLocalList(this.domElement), this.constructor._removeFromGlobalList(this) } }, { key: "wipe", value: function () { this._setElementValue("", !1), this.remove() } }, { key: "nuke", value: function () { this.remove(), this.domElement.parentNode.removeChild(this.domElement) } }, { key: "form", value: function (e) { if (0 < arguments.length && void 0 !== e && e || M.isUndefinedOrNullOrEmpty(this.parentForm)) { var t = this._getParentForm(); if (!M.isNull(t) && t !== this.parentForm) { var i = this._getFormAutoNumericChildren(this.parentForm); this.parentForm.dataset.anCount = i.length, this._hasFormHandlerFunction(t) ? this._incrementParentFormCounter(t) : (this._storeFormHandlerFunction(t), this._initializeFormCounterToOne(t)) } this.parentForm = t } return this.parentForm } }, { key: "_getFormAutoNumericChildren", value: function (e) { var t = this; return p(e.querySelectorAll("input")).filter(function (e) { return t.constructor.isManagedByAutoNumeric(e) }) } }, { key: "_getParentForm", value: function () { if ("body" === this.domElement.tagName.toLowerCase()) return null; var e, t = this.domElement; do { if (t = t.parentNode, M.isNull(t)) return null; if ("body" === (e = t.tagName ? t.tagName.toLowerCase() : "")) break } while ("form" !== e); return "form" === e ? t : null } }, { key: "formNumericString", value: function () { return this.constructor._serializeNumericString(this.form(), this.settings.serializeSpaces) } }, { key: "formFormatted", value: function () { return this.constructor._serializeFormatted(this.form(), this.settings.serializeSpaces) } }, { key: "formLocalized", value: function (e) { var t, i = 0 < arguments.length && void 0 !== e ? e : null; return t = M.isNull(i) ? this.settings.outputFormat : i, this.constructor._serializeLocalized(this.form(), this.settings.serializeSpaces, t) } }, { key: "formArrayNumericString", value: function () { return this.constructor._serializeNumericStringArray(this.form(), this.settings.serializeSpaces) } }, { key: "formArrayFormatted", value: function () { return this.constructor._serializeFormattedArray(this.form(), this.settings.serializeSpaces) } }, { key: "formArrayLocalized", value: function (e) { var t, i = 0 < arguments.length && void 0 !== e ? e : null; return t = M.isNull(i) ? this.settings.outputFormat : i, this.constructor._serializeLocalizedArray(this.form(), this.settings.serializeSpaces, t) } }, { key: "formJsonNumericString", value: function () { return JSON.stringify(this.formArrayNumericString()) } }, { key: "formJsonFormatted", value: function () { return JSON.stringify(this.formArrayFormatted()) } }, { key: "formJsonLocalized", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return JSON.stringify(this.formArrayLocalized(t)) } }, { key: "formUnformat", value: function () { return this.constructor._getChildANInputElement(this.form()).forEach(function (e) { B.getAutoNumericElement(e).unformat() }), this } }, { key: "formUnformatLocalized", value: function () { return this.constructor._getChildANInputElement(this.form()).forEach(function (e) { B.getAutoNumericElement(e).unformatLocalized() }), this } }, { key: "formReformat", value: function () { return this.constructor._getChildANInputElement(this.form()).forEach(function (e) { B.getAutoNumericElement(e).reformat() }), this } }, { key: "formSubmitNumericString", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return M.isNull(t) ? (this.formUnformat(), this.form().submit(), this.formReformat()) : M.isFunction(t) ? t(this.formNumericString()) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitFormatted", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return M.isNull(t) ? this.form().submit() : M.isFunction(t) ? t(this.formFormatted()) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitLocalized", value: function (e, t) { var i = 0 < arguments.length && void 0 !== e ? e : null, n = 1 < arguments.length && void 0 !== t ? t : null; return M.isNull(n) ? (this.formUnformatLocalized(), this.form().submit(), this.formReformat()) : M.isFunction(n) ? n(this.formLocalized(i)) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitArrayNumericString", value: function (e) { return M.isFunction(e) ? e(this.formArrayNumericString()) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitArrayFormatted", value: function (e) { return M.isFunction(e) ? e(this.formArrayFormatted()) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitArrayLocalized", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return M.isFunction(e) ? e(this.formArrayLocalized(i)) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitJsonNumericString", value: function (e) { return M.isFunction(e) ? e(this.formJsonNumericString()) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitJsonFormatted", value: function (e) { return M.isFunction(e) ? e(this.formJsonFormatted()) : M.throwError("The given callback is not a function."), this } }, { key: "formSubmitJsonLocalized", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return M.isFunction(e) ? e(this.formJsonLocalized(i)) : M.throwError("The given callback is not a function."), this } }, { key: "_createLocalList", value: function () { this.autoNumericLocalList = new Map, this._addToLocalList(this.domElement) } }, { key: "_deleteLocalList", value: function () { delete this.autoNumericLocalList } }, { key: "_setLocalList", value: function (e) { this.autoNumericLocalList = e } }, { key: "_getLocalList", value: function () { return this.autoNumericLocalList } }, { key: "_hasLocalList", value: function () { return this.autoNumericLocalList instanceof Map && 0 !== this.autoNumericLocalList.size } }, { key: "_addToLocalList", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; M.isNull(i) && (i = this), M.isUndefined(this.autoNumericLocalList) ? M.throwError("The local list provided does not exists when trying to add an element. [".concat(this.autoNumericLocalList, "] given.")) : this.autoNumericLocalList.set(e, i) } }, { key: "_removeFromLocalList", value: function (e) { M.isUndefined(this.autoNumericLocalList) ? this.settings.createLocalList && M.throwError("The local list provided does not exists when trying to remove an element. [".concat(this.autoNumericLocalList, "] given.")) : this.autoNumericLocalList.delete(e) } }, { key: "_mergeSettings", value: function () { for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)t[i] = arguments[i]; b.apply(void 0, [this.settings].concat(t)) } }, { key: "_cloneAndMergeSettings", value: function () { for (var e = {}, t = arguments.length, i = new Array(t), n = 0; n < t; n++)i[n] = arguments[n]; return b.apply(void 0, [e, this.settings].concat(i)), e } }, { key: "_updatePredefinedOptions", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t ? t : null; return M.isNull(i) ? this.update(e) : (this._mergeSettings(e, i), this.update(this.settings)), this } }, { key: "french", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().French, t), this } }, { key: "northAmerican", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().NorthAmerican, t), this } }, { key: "british", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().British, t), this } }, { key: "swiss", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().Swiss, t), this } }, { key: "japanese", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().Japanese, t), this } }, { key: "spanish", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().Spanish, t), this } }, { key: "chinese", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().Chinese, t), this } }, { key: "brazilian", value: function (e) { var t = 0 < arguments.length && void 0 !== e ? e : null; return this._updatePredefinedOptions(B.getPredefinedOptions().Brazilian, t), this } }, { key: "_runCallbacksFoundInTheSettingsObject", value: function () { for (var e in this.settings) if (Object.prototype.hasOwnProperty.call(this.settings, e)) { var t = this.settings[e]; if ("function" == typeof t) this.settings[e] = t(this, e); else { var i = this.domElement.getAttribute(e); i = M.camelize(i), "function" == typeof this.settings[i] && (this.settings[e] = i(this, e)) } } } }, { key: "_setTrailingNegativeSignInfo", value: function () { this.isTrailingNegative = this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix && this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.suffix || this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix && (this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.left || this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.right) } }, { key: "_modifyNegativeSignAndDecimalCharacterForRawValue", value: function (e) { return "." !== this.settings.decimalCharacter && (e = e.replace(this.settings.decimalCharacter, ".")), "-" !== this.settings.negativeSignCharacter && this.settings.isNegativeSignAllowed && (e = e.replace(this.settings.negativeSignCharacter, "-")), e.match(/\d/) || (e += "0"), e } }, { key: "_initialCaretPosition", value: function (e) { M.isNull(this.settings.caretPositionOnFocus) && this.settings.selectOnFocus === B.options.selectOnFocus.doNotSelect && M.throwError("`_initialCaretPosition()` should never be called when the `caretPositionOnFocus` option is `null`."); var t = this.rawValue < 0, i = M.isZeroOrHasNoValue(e), n = e.length, a = 0, r = 0, s = !1, o = 0; this.settings.caretPositionOnFocus !== B.options.caretPositionOnFocus.start && (a = (e = (e = (e = e.replace(this.settings.negativeSignCharacter, "")).replace(this.settings.positiveSignCharacter, "")).replace(this.settings.currencySymbol, "")).length, s = M.contains(e, this.settings.decimalCharacter), this.settings.caretPositionOnFocus !== B.options.caretPositionOnFocus.decimalLeft && this.settings.caretPositionOnFocus !== B.options.caretPositionOnFocus.decimalRight || (o = s ? (r = e.indexOf(this.settings.decimalCharacter), this.settings.decimalCharacter.length) : (r = a, 0))); var l = ""; t ? l = this.settings.negativeSignCharacter : this.settings.showPositiveSign && !i && (l = this.settings.positiveSignCharacter); var u, c = l.length, h = this.settings.currencySymbol.length; if (this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix) { if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.start) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.prefix: case B.options.negativePositiveSignPlacement.left: case B.options.negativePositiveSignPlacement.right: u = c + h; break; case B.options.negativePositiveSignPlacement.suffix: u = h } else u = h; else if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.end) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.prefix: case B.options.negativePositiveSignPlacement.left: case B.options.negativePositiveSignPlacement.right: u = n; break; case B.options.negativePositiveSignPlacement.suffix: u = h + a } else u = n; else if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.decimalLeft) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.prefix: case B.options.negativePositiveSignPlacement.left: case B.options.negativePositiveSignPlacement.right: u = c + h + r; break; case B.options.negativePositiveSignPlacement.suffix: u = h + r } else u = h + r; else if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.decimalRight) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.prefix: case B.options.negativePositiveSignPlacement.left: case B.options.negativePositiveSignPlacement.right: u = c + h + r + o; break; case B.options.negativePositiveSignPlacement.suffix: u = h + r + o } else u = h + r + o } else if (this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix) if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.start) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.suffix: case B.options.negativePositiveSignPlacement.right: case B.options.negativePositiveSignPlacement.left: u = 0; break; case B.options.negativePositiveSignPlacement.prefix: u = c } else u = 0; else if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.end) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.suffix: case B.options.negativePositiveSignPlacement.right: case B.options.negativePositiveSignPlacement.left: u = a; break; case B.options.negativePositiveSignPlacement.prefix: u = c + a } else u = a; else if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.decimalLeft) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.suffix: case B.options.negativePositiveSignPlacement.right: case B.options.negativePositiveSignPlacement.left: u = r; break; case B.options.negativePositiveSignPlacement.prefix: u = c + r } else u = r; else if (this.settings.caretPositionOnFocus === B.options.caretPositionOnFocus.decimalRight) if (this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.none && (t || !t && this.settings.showPositiveSign && !i)) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.suffix: case B.options.negativePositiveSignPlacement.right: case B.options.negativePositiveSignPlacement.left: u = r + o; break; case B.options.negativePositiveSignPlacement.prefix: u = c + r + o } else u = r + o; return u } }, { key: "_triggerRangeEvents", value: function (e, t) { e || this._triggerEvent(B.events.minRangeExceeded, this.domElement), t || this._triggerEvent(B.events.maxRangeExceeded, this.domElement) } }, { key: "_setInvalidState", value: function () { this.isInputElement ? M.setInvalidState(this.domElement) : this._addCSSClass(this.settings.invalidClass), this._triggerEvent(B.events.invalidValue, this.domElement), this.validState = !1 } }, { key: "_setValidState", value: function () { this.isInputElement ? M.setValidState(this.domElement) : this._removeCSSClass(this.settings.invalidClass), this.validState || this._triggerEvent(B.events.correctedValue, this.domElement), this.validState = !0 } }, { key: "_setValidOrInvalidState", value: function (e) { if (this.settings.overrideMinMaxLimits === B.options.overrideMinMaxLimits.invalid) { var t = this.constructor._isMinimumRangeRespected(e, this.settings), i = this.constructor._isMaximumRangeRespected(e, this.settings); t && i ? this._setValidState() : this._setInvalidState(), this._triggerRangeEvents(t, i) } } }, { key: "_keepAnOriginalSettingsCopy", value: function () { this.originalDigitGroupSeparator = this.settings.digitGroupSeparator, this.originalCurrencySymbol = this.settings.currencySymbol, this.originalSuffixText = this.settings.suffixText } }, { key: "_trimLeadingAndTrailingZeros", value: function (e) { if ("" === e || null === e) return e; if (this.settings.leadingZero !== B.options.leadingZero.keep) { if (0 === Number(e)) return "0"; e = e.replace(/^(-)?0+(?=\d)/g, "$1") } return M.contains(e, ".") && (e = e.replace(/(\.[0-9]*?)0+$/, "$1")), e.replace(/\.$/, "") } }, { key: "_setPersistentStorageName", value: function () { this.settings.saveValueToSessionStorage && ("" === this.domElement.name || M.isUndefined(this.domElement.name) ? this.rawValueStorageName = "".concat(this.storageNamePrefix).concat(this.domElement.id) : this.rawValueStorageName = "".concat(this.storageNamePrefix).concat(decodeURIComponent(this.domElement.name))) } }, { key: "_saveValueToPersistentStorage", value: function () { this.settings.saveValueToSessionStorage && (this.sessionStorageAvailable ? sessionStorage.setItem(this.rawValueStorageName, this.rawValue) : document.cookie = "".concat(this.rawValueStorageName, "=").concat(this.rawValue, "; expires= ; path=/")) } }, { key: "_getValueFromPersistentStorage", value: function () { return this.settings.saveValueToSessionStorage ? this.sessionStorageAvailable ? sessionStorage.getItem(this.rawValueStorageName) : this.constructor._readCookie(this.rawValueStorageName) : (M.warning("`_getValueFromPersistentStorage()` is called but `settings.saveValueToSessionStorage` is false. There must be an error that needs fixing.", this.settings.showWarnings), null) } }, { key: "_removeValueFromPersistentStorage", value: function () { if (this.settings.saveValueToSessionStorage) if (this.sessionStorageAvailable) sessionStorage.removeItem(this.rawValueStorageName); else { var e = new Date; e.setTime(e.getTime() - 864e5); var t = "; expires=".concat(e.toUTCString()); document.cookie = "".concat(this.rawValueStorageName, "='' ;").concat(t, "; path=/") } } }, { key: "_getDefaultValue", value: function (e) { var t = e.getAttribute("value"); return M.isNull(t) ? "" : t } }, { key: "_onFocusInAndMouseEnter", value: function (e) { if (this.isEditing = !1, !this.formulaMode && this.settings.unformatOnHover && "mouseenter" === e.type && e.altKey) this.constructor._unformatAltHovered(this); else if ("focus" === e.type && (this.isFocused = !0, this.rawValueOnFocus = this.rawValue), "focus" === e.type && this.settings.unformatOnHover && this.hoveredWithAlt && this.constructor._reformatAltHovered(this), "focus" === e.type || "mouseenter" === e.type && !this.isFocused) { var t = null; this.settings.emptyInputBehavior === B.options.emptyInputBehavior.focus && this.rawValue < 0 && null !== this.settings.negativeBracketsTypeOnBlur && this.settings.isNegativeSignAllowed && (t = this.constructor._removeBrackets(M.getElementValue(this.domElement), this.settings)); var i = this._getRawValueToFormat(this.rawValue); if ("" !== i) { var n = this.constructor._roundFormattedValueShownOnFocusOrBlur(i, this.settings, this.isFocused); t = this.settings.showOnlyNumbersOnFocus === B.options.showOnlyNumbersOnFocus.onlyNumbers ? (this.settings.digitGroupSeparator = "", this.settings.currencySymbol = "", this.settings.suffixText = "", n.replace(".", this.settings.decimalCharacter)) : M.isNull(n) ? "" : this.constructor._addGroupSeparators(n.replace(".", this.settings.decimalCharacter), this.settings, this.isFocused, i) } M.isNull(t) ? this.valueOnFocus = "" : this.valueOnFocus = t, this.lastVal = this.valueOnFocus; var a = this.constructor._isElementValueEmptyOrOnlyTheNegativeSign(this.valueOnFocus, this.settings), r = this.constructor._orderValueCurrencySymbolAndSuffixText(this.valueOnFocus, this.settings, !0), s = a && "" !== r && this.settings.emptyInputBehavior === B.options.emptyInputBehavior.focus; s && (t = r), M.isNull(t) || this._setElementValue(t), s && r === this.settings.currencySymbol && this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix && M.setElementSelection(e.target, 0) } } }, { key: "_onFocus", value: function () { this.settings.isCancellable && this._saveCancellableValue() } }, { key: "_onFocusIn", value: function (e) { this.settings.selectOnFocus ? this.select() : M.isNull(this.settings.caretPositionOnFocus) || M.setElementSelection(e.target, this._initialCaretPosition(M.getElementValue(this.domElement))) } }, { key: "_enterFormulaMode", value: function () { this.settings.formulaMode && (this.formulaMode = !0, M.setElementValue(this.domElement, "="), M.setElementSelection(this.domElement, 1)) } }, { key: "_exitFormulaMode", value: function () { var e, t = M.getElementValue(this.domElement); t = t.replace(/^\s*=/, ""); try { var i = new v(t, this.settings.decimalCharacter); e = (new u).evaluate(i) } catch (e) { return this._triggerEvent(B.events.invalidFormula, this.domElement, { formula: t, aNElement: this }), this.reformat(), void (this.formulaMode = !1) } this._triggerEvent(B.events.validFormula, this.domElement, { formula: t, result: e, aNElement: this }), this.set(e), this.formulaMode = !1 } }, { key: "_acceptNonPrintableKeysInFormulaMode", value: function () { return this.eventKey === g.keyName.Backspace || this.eventKey === g.keyName.Delete || this.eventKey === g.keyName.LeftArrow || this.eventKey === g.keyName.RightArrow || this.eventKey === g.keyName.Home || this.eventKey === g.keyName.End } }, { key: "_onKeydown", value: function (e) { if (this.formatted = !1, this.isEditing = !0, this.formulaMode || this.isFocused || !this.settings.unformatOnHover || !e.altKey || this.domElement !== M.getHoveredElement()) { if (this._updateEventKeyInfo(e), this.keydownEventCounter += 1, 1 === this.keydownEventCounter && (this.initialValueOnFirstKeydown = M.getElementValue(e.target), this.initialRawValueOnFirstKeydown = this.rawValue), this.formulaMode) { if (this.eventKey === g.keyName.Esc) return this.formulaMode = !1, void this.reformat(); if (this.eventKey === g.keyName.Enter) return void this._exitFormulaMode(); if (this._acceptNonPrintableKeysInFormulaMode()) return } else if (this.eventKey === g.keyName.Equal) return void this._enterFormulaMode(); if (this.domElement.readOnly || this.settings.readOnly || this.domElement.disabled) this.processed = !0; else { this.eventKey === g.keyName.Esc && (e.preventDefault(), this.settings.isCancellable && this.rawValue !== this.savedCancellableValue && (this.set(this.savedCancellableValue), this._triggerEvent(B.events.native.input, e.target)), this.select()); var t = M.getElementValue(e.target); if (this.eventKey === g.keyName.Enter && this.rawValue !== this.rawValueOnFocus && (this._triggerEvent(B.events.native.change, e.target), this.valueOnFocus = t, this.rawValueOnFocus = this.rawValue, this.settings.isCancellable && this._saveCancellableValue()), this._updateInternalProperties(e), this._processNonPrintableKeysAndShortcuts(e)) this.processed = !0; else if (this.eventKey === g.keyName.Backspace || this.eventKey === g.keyName.Delete) { var i = this._processCharacterDeletion(); if (this.processed = !0, !i) return void e.preventDefault(); this._formatValue(e), (t = M.getElementValue(e.target)) !== this.lastVal && this.throwInput && (this._triggerEvent(B.events.native.input, e.target), e.preventDefault()), this.lastVal = t, this.throwInput = !0 } } } else this.constructor._unformatAltHovered(this) } }, { key: "_onKeypress", value: function (e) { if (this.formulaMode) { if (this._acceptNonPrintableKeysInFormulaMode()) return; if (this.settings.formulaChars.test(this.eventKey)) return; e.preventDefault() } else if (this.eventKey !== g.keyName.Insert) { var t = this.processed; if (this._updateInternalProperties(e), !this._processNonPrintableKeysAndShortcuts(e)) if (t) e.preventDefault(); else { if (this._processCharacterInsertion()) { this._formatValue(e); var i = M.getElementValue(e.target); if (i !== this.lastVal && this.throwInput) this._triggerEvent(B.events.native.input, e.target), e.preventDefault(); else { if ((this.eventKey === this.settings.decimalCharacter || this.eventKey === this.settings.decimalCharacterAlternative) && M.getElementSelection(e.target).start === M.getElementSelection(e.target).end && M.getElementSelection(e.target).start === i.indexOf(this.settings.decimalCharacter)) { var n = M.getElementSelection(e.target).start + 1; M.setElementSelection(e.target, n) } e.preventDefault() } return this.lastVal = M.getElementValue(e.target), this.throwInput = !0, void this._setValidOrInvalidState(this.rawValue) } e.preventDefault() } } } }, { key: "_onKeyup", value: function (e) { if (this.isEditing = !1, this.keydownEventCounter = 0, !this.formulaMode) if (this.settings.isCancellable && this.eventKey === g.keyName.Esc) e.preventDefault(); else { if (this.eventKey === g.keyName.Z || this.eventKey === g.keyName.z) { if (e.ctrlKey && e.shiftKey) return e.preventDefault(), this._historyTableRedo(), void (this.onGoingRedo = !0); if (e.ctrlKey && !e.shiftKey) { if (!this.onGoingRedo) return e.preventDefault(), void this._historyTableUndo(); this.onGoingRedo = !1 } } if (this.onGoingRedo && (e.ctrlKey || e.shiftKey) && (this.onGoingRedo = !1), (e.ctrlKey || e.metaKey) && this.eventKey === g.keyName.x) { var t = M.getElementSelection(this.domElement).start, i = this.constructor._toNumericValue(M.getElementValue(e.target), this.settings); this.set(i), this._setCaretPosition(t) } if (this.eventKey === g.keyName.Alt && this.settings.unformatOnHover && this.hoveredWithAlt) this.constructor._reformatAltHovered(this); else if (!e.ctrlKey && !e.metaKey || this.eventKey !== g.keyName.Backspace && this.eventKey !== g.keyName.Delete) { this._updateInternalProperties(e); var n = this._processNonPrintableKeysAndShortcuts(e); delete this.valuePartsBeforePaste; var a = M.getElementValue(e.target); if (!(n || "" === a && "" === this.initialValueOnFirstKeydown) && (a === this.settings.currencySymbol ? this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix ? M.setElementSelection(e.target, 0) : M.setElementSelection(e.target, this.settings.currencySymbol.length) : this.eventKey === g.keyName.Tab && M.setElementSelection(e.target, 0, a.length), (a === this.settings.suffixText || "" === this.rawValue && "" !== this.settings.currencySymbol && "" !== this.settings.suffixText) && M.setElementSelection(e.target, 0), null !== this.settings.decimalPlacesShownOnFocus && this._saveValueToPersistentStorage(), this.formatted || this._formatValue(e), this._setValidOrInvalidState(this.rawValue), this._saveRawValueForAndroid(), a !== this.initialValueOnFirstKeydown && this._triggerEvent(B.events.formatted, e.target, { oldValue: this.initialValueOnFirstKeydown, newValue: a, oldRawValue: this.initialRawValueOnFirstKeydown, newRawValue: this.rawValue, isPristine: this.isPristine(!1), error: null, aNElement: this }), 1 < this.historyTable.length)) { var r = M.getElementSelection(this.domElement); this.selectionStart = r.start, this.selectionEnd = r.end, this.historyTable[this.historyTableIndex].start = this.selectionStart, this.historyTable[this.historyTableIndex].end = this.selectionEnd } } else { var s = M.getElementValue(e.target); this._setRawValue(this._formatOrUnformatOther(!1, s)) } } } }, { key: "_saveRawValueForAndroid", value: function () { if (this.eventKey === g.keyName.AndroidDefault) { var e = this.constructor._stripAllNonNumberCharactersExceptCustomDecimalChar(this.getFormatted(), this.settings, !0, this.isFocused); e = this.constructor._convertToNumericString(e, this.settings), this._setRawValue(e) } } }, { key: "_onFocusOutAndMouseLeave", value: function (e) { if (this.isEditing = !1, "mouseleave" !== e.type || !this.formulaMode) if (this.settings.unformatOnHover && "mouseleave" === e.type && this.hoveredWithAlt) this.constructor._reformatAltHovered(this); else if ("mouseleave" === e.type && !this.isFocused || "blur" === e.type) { "blur" === e.type && this.formulaMode && this._exitFormulaMode(), this._saveValueToPersistentStorage(), this.settings.showOnlyNumbersOnFocus === B.options.showOnlyNumbersOnFocus.onlyNumbers && (this.settings.digitGroupSeparator = this.originalDigitGroupSeparator, this.settings.currencySymbol = this.originalCurrencySymbol, this.settings.suffixText = this.originalSuffixText); var t = this._getRawValueToFormat(this.rawValue), i = M.isNull(t), n = S(this.constructor._checkIfInRangeWithOverrideOption(t, this.settings), 2), a = n[0], r = n[1], s = !1; if ("" === t || i || (this._triggerRangeEvents(a, r), this.settings.valuesToStrings && this._checkValuesToStrings(t) && (this._setElementValue(this.settings.valuesToStrings[t]), s = !0)), !s) { var o; if (o = i || "" === t ? t : String(t), "" === t || i) { if ("" === t) switch (this.settings.emptyInputBehavior) { case B.options.emptyInputBehavior.zero: this._setRawValue("0"), o = this.constructor._roundValue("0", this.settings, 0); break; case B.options.emptyInputBehavior.min: this._setRawValue(this.settings.minimumValue), o = this.constructor._roundFormattedValueShownOnFocusOrBlur(this.settings.minimumValue, this.settings, this.isFocused); break; case B.options.emptyInputBehavior.max: this._setRawValue(this.settings.maximumValue), o = this.constructor._roundFormattedValueShownOnFocusOrBlur(this.settings.maximumValue, this.settings, this.isFocused); break; default: M.isNumber(this.settings.emptyInputBehavior) && (this._setRawValue(this.settings.emptyInputBehavior), o = this.constructor._roundFormattedValueShownOnFocusOrBlur(this.settings.emptyInputBehavior, this.settings, this.isFocused)) } } else a && r && !this.constructor._isElementValueEmptyOrOnlyTheNegativeSign(t, this.settings) ? (o = this._modifyNegativeSignAndDecimalCharacterForRawValue(o), this.settings.divisorWhenUnfocused && !M.isNull(o) && (o = (o /= this.settings.divisorWhenUnfocused).toString()), o = this.constructor._roundFormattedValueShownOnBlur(o, this.settings), o = this.constructor._modifyNegativeSignAndDecimalCharacterForFormattedValue(o, this.settings)) : this._triggerRangeEvents(a, r); var l = this.constructor._orderValueCurrencySymbolAndSuffixText(o, this.settings, !1); this.constructor._isElementValueEmptyOrOnlyTheNegativeSign(o, this.settings) || i && this.settings.emptyInputBehavior === B.options.emptyInputBehavior.null || (l = this.constructor._addGroupSeparators(o, this.settings, !1, t)), l === t && "" !== t && this.settings.allowDecimalPadding !== B.options.allowDecimalPadding.never && this.settings.allowDecimalPadding !== B.options.allowDecimalPadding.floats || (this.settings.symbolWhenUnfocused && "" !== t && null !== t && (l = "".concat(l).concat(this.settings.symbolWhenUnfocused)), this._setElementValue(l)) } this._setValidOrInvalidState(this.rawValue), "blur" === e.type && this._onBlur(e) } } }, { key: "_onPaste", value: function (e) { if (e.preventDefault(), !(this.settings.readOnly || this.domElement.readOnly || this.domElement.disabled)) { var t, i; window.clipboardData && window.clipboardData.getData ? t = window.clipboardData.getData("Text") : e.clipboardData && e.clipboardData.getData ? t = e.clipboardData.getData("text/plain") : M.throwError("Unable to retrieve the pasted value. Please use a modern browser (ie. Firefox or Chromium)."), i = e.target.tagName ? e.target : e.explicitOriginalTarget; var n = M.getElementValue(i), a = i.selectionStart || 0, r = i.selectionEnd || 0, s = r - a; if (s === n.length) { var o = this._preparePastedText(t), l = M.arabicToLatinNumbers(o, !1, !1, !1); return "." === l || "" === l || "." !== l && !M.isNumber(l) ? (this.formatted = !0, void (this.settings.onInvalidPaste === B.options.onInvalidPaste.error && M.throwError("The pasted value '".concat(t, "' is not a valid paste content.")))) : (this.set(l), this.formatted = !0, void this._triggerEvent(B.events.native.input, i)) } var u = M.isNegativeStrict(t, this.settings.negativeSignCharacter); u && (t = t.slice(1, t.length)); var c, h, m = this._preparePastedText(t); if ("." !== (c = "." === m ? "." : M.arabicToLatinNumbers(m, !1, !1, !1)) && (!M.isNumber(c) || "" === c)) return this.formatted = !0, void (this.settings.onInvalidPaste === B.options.onInvalidPaste.error && M.throwError("The pasted value '".concat(t, "' is not a valid paste content."))); var d, g, v = M.isNegativeStrict(this.getNumericString(), this.settings.negativeSignCharacter); d = !(!u || v) && (v = !0); var p = n.slice(0, a), f = n.slice(r, n.length); g = a !== r ? this._preparePastedText(p + f) : this._preparePastedText(n), v && (g = M.setRawNegativeSign(g)), h = M.convertCharacterCountToIndexPosition(M.countNumberCharactersOnTheCaretLeftSide(n, a, this.settings.decimalCharacter)), d && h++; var y = g.slice(0, h), S = g.slice(h, g.length), b = !1; "." === c && (M.contains(y, ".") && (b = !0, y = y.replace(".", "")), S = S.replace(".", "")); var w = !1; switch ("" === y && "-" === S && (y = "-", w = !(S = "")), this.settings.onInvalidPaste) { case B.options.onInvalidPaste.truncate: case B.options.onInvalidPaste.replace: for (var P = M.parseStr(this.settings.minimumValue), O = M.parseStr(this.settings.maximumValue), k = g, N = 0, E = y; N < c.length && (g = (E += c[N]) + S, this.constructor._checkIfInRange(g, P, O));)k = g, N++; if (h += N, w && h++, this.settings.onInvalidPaste === B.options.onInvalidPaste.truncate) { g = k, b && h--; break } for (var _ = h, C = k.length; N < c.length && _ < C;)if ("." !== k[_]) { if (g = M.replaceCharAt(k, _, c[N]), !this.constructor._checkIfInRange(g, P, O)) break; k = g, N++, _++ } else _++; h = _, b && h--, g = k; break; case B.options.onInvalidPaste.error: case B.options.onInvalidPaste.ignore: case B.options.onInvalidPaste.clamp: default: if (g = "".concat(y).concat(c).concat(S), a === r) h = M.convertCharacterCountToIndexPosition(M.countNumberCharactersOnTheCaretLeftSide(n, a, this.settings.decimalCharacter)) + c.length; else if ("" === S) h = M.convertCharacterCountToIndexPosition(M.countNumberCharactersOnTheCaretLeftSide(n, a, this.settings.decimalCharacter)) + c.length, w && h++; else { var F = M.convertCharacterCountToIndexPosition(M.countNumberCharactersOnTheCaretLeftSide(n, r, this.settings.decimalCharacter)), x = M.getElementValue(i).slice(a, r); h = F - s + M.countCharInText(this.settings.digitGroupSeparator, x) + c.length } d && h++, b && h-- }if (M.isNumber(g) && "" !== g) { var V = !1, T = !1; try { this.set(g), V = !0 } catch (e) { var A; switch (this.settings.onInvalidPaste) { case B.options.onInvalidPaste.clamp: A = M.clampToRangeLimits(g, this.settings); try { this.set(A) } catch (e) { M.throwError("Fatal error: Unable to set the clamped value '".concat(A, "'.")) } V = T = !0, g = A; break; case B.options.onInvalidPaste.error: case B.options.onInvalidPaste.truncate: case B.options.onInvalidPaste.replace: M.throwError("The pasted value '".concat(t, "' results in a value '").concat(g, "' that is outside of the minimum [").concat(this.settings.minimumValue, "] and maximum [").concat(this.settings.maximumValue, "] value range.")); case B.options.onInvalidPaste.ignore: default: return } } var L, I = M.getElementValue(i); if (V) switch (this.settings.onInvalidPaste) { case B.options.onInvalidPaste.clamp: if (T) { this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix ? M.setElementSelection(i, I.length - this.settings.currencySymbol.length) : M.setElementSelection(i, I.length); break } case B.options.onInvalidPaste.error: case B.options.onInvalidPaste.ignore: case B.options.onInvalidPaste.truncate: case B.options.onInvalidPaste.replace: default: L = M.findCaretPositionInFormattedNumber(g, h, I, this.settings.decimalCharacter), M.setElementSelection(i, L) }V && n !== I && this._triggerEvent(B.events.native.input, i) } else this.settings.onInvalidPaste === B.options.onInvalidPaste.error && M.throwError("The pasted value '".concat(t, "' would result into an invalid content '").concat(g, "'.")) } } }, { key: "_onBlur", value: function (e) { this.isFocused = !1, this.isEditing = !1, this.rawValue !== this.rawValueOnFocus && this._triggerEvent(B.events.native.change, e.target), this.rawValueOnFocus = void 0 } }, { key: "_onWheel", value: function (e) { this.formulaMode || this.settings.readOnly || this.domElement.readOnly || this.domElement.disabled || this.settings.modifyValueOnWheel && (this.settings.wheelOn === B.options.wheelOn.focus ? this.isFocused ? e.shiftKey || this.wheelAction(e) : e.shiftKey && this.wheelAction(e) : this.settings.wheelOn === B.options.wheelOn.hover ? e.shiftKey ? (e.preventDefault(), window.scrollBy(0, M.isNegativeStrict(String(e.deltaY)) ? -50 : 50)) : this.wheelAction(e) : M.throwError("Unknown `wheelOn` option.")) } }, { key: "wheelAction", value: function (e) { this.isWheelEvent = !0; var t, i = e.target.selectionStart || 0, n = e.target.selectionEnd || 0, a = this.rawValue; if (M.isUndefinedOrNullOrEmpty(a) ? 0 < this.settings.minimumValue || this.settings.maximumValue < 0 ? M.isWheelUpEvent(e) ? t = this.settings.minimumValue : M.isWheelDownEvent(e) ? t = this.settings.maximumValue : M.throwError("The event is not a 'wheel' event.") : t = 0 : t = a, t = +t, M.isNumber(this.settings.wheelStep)) { var r = +this.settings.wheelStep; M.isWheelUpEvent(e) ? t += r : M.isWheelDownEvent(e) && (t -= r) } else M.isWheelUpEvent(e) ? t = M.addAndRoundToNearestAuto(t, this.settings.decimalPlacesRawValue) : M.isWheelDownEvent(e) && (t = M.subtractAndRoundToNearestAuto(t, this.settings.decimalPlacesRawValue)); (t = M.clampToRangeLimits(t, this.settings)) !== +a && (this.set(t), this._triggerEvent(B.events.native.input, e.target)), e.preventDefault(), this._setSelection(i, n), this.isWheelEvent = !1 } }, { key: "_onDrop", value: function (e) { if (!this.formulaMode) { var t; this.isDropEvent = !0, e.preventDefault(), t = M.isIE11() ? "text" : "text/plain"; var i = e.dataTransfer.getData(t), n = this.unformatOther(i); this.set(n), this.isDropEvent = !1 } } }, { key: "_onFormSubmit", value: function () { var t = this; return this._getFormAutoNumericChildren(this.parentForm).map(function (e) { return t.constructor.getAutoNumericElement(e) }).forEach(function (e) { return e._unformatOnSubmit() }), !0 } }, { key: "_onFormReset", value: function () { var i = this; this._getFormAutoNumericChildren(this.parentForm).map(function (e) { return i.constructor.getAutoNumericElement(e) }).forEach(function (e) { var t = i._getDefaultValue(e.node()); setTimeout(function () { return e.set(t) }, 0) }) } }, { key: "_unformatOnSubmit", value: function () { this.settings.unformatOnSubmit && this._setElementValue(this.rawValue) } }, { key: "_onKeydownGlobal", value: function (e) { if (M.character(e) === g.keyName.Alt) { var t = M.getHoveredElement(); if (B.isManagedByAutoNumeric(t)) { var i = B.getAutoNumericElement(t); !i.formulaMode && i.settings.unformatOnHover && this.constructor._unformatAltHovered(i) } } } }, { key: "_onKeyupGlobal", value: function (e) { if (M.character(e) === g.keyName.Alt) { var t = M.getHoveredElement(); if (B.isManagedByAutoNumeric(t)) { var i = B.getAutoNumericElement(t); if (i.formulaMode || !i.settings.unformatOnHover) return; this.constructor._reformatAltHovered(i) } } } }, { key: "_isElementTagSupported", value: function () { return M.isElement(this.domElement) || M.throwError("The DOM element is not valid, ".concat(this.domElement, " given.")), M.isInArray(this.domElement.tagName.toLowerCase(), this.allowedTagList) } }, { key: "_isInputElement", value: function () { return "input" === this.domElement.tagName.toLowerCase() } }, { key: "_isInputTypeSupported", value: function () { return "text" === this.domElement.type || "hidden" === this.domElement.type || "tel" === this.domElement.type || M.isUndefinedOrNullOrEmpty(this.domElement.type) } }, { key: "_checkElement", value: function () { var e = this.domElement.tagName.toLowerCase(); this._isElementTagSupported() || M.throwError("The <".concat(e, "> tag is not supported by autoNumeric")), this._isInputElement() ? (this._isInputTypeSupported() || M.throwError('The input type "'.concat(this.domElement.type, '" is not supported by autoNumeric')), this.isInputElement = !0) : (this.isInputElement = !1, this.isContentEditable = this.domElement.hasAttribute("contenteditable") && "true" === this.domElement.getAttribute("contenteditable")) } }, { key: "_formatDefaultValueOnPageLoad", value: function (e) { var t, i = 0 < arguments.length && void 0 !== e ? e : null, n = !0; if (M.isNull(i) ? (t = M.getElementValue(this.domElement).trim(), this.domElement.setAttribute("value", t)) : t = i, this.isInputElement || this.isContentEditable) { var a = this.constructor._toNumericValue(t, this.settings); if (this.domElement.hasAttribute("value") && "" !== this.domElement.getAttribute("value")) { if (null !== this.settings.defaultValueOverride && this.settings.defaultValueOverride.toString() !== t || null === this.settings.defaultValueOverride && "" !== t && t !== this.domElement.getAttribute("value") || "" !== t && "hidden" === this.domElement.getAttribute("type") && !M.isNumber(a)) { if (this.settings.saveValueToSessionStorage && (null !== this.settings.decimalPlacesShownOnFocus || this.settings.divisorWhenUnfocused) && this._setRawValue(this._getValueFromPersistentStorage()), !this.settings.saveValueToSessionStorage) { var r = this.constructor._removeBrackets(t, this.settings); (this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.suffix || this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.prefix && this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix) && "" !== this.settings.negativeSignCharacter && M.isNegative(t, this.settings.negativeSignCharacter) ? this._setRawValue("-".concat(this.constructor._stripAllNonNumberCharacters(r, this.settings, !0, this.isFocused))) : this._setRawValue(this.constructor._stripAllNonNumberCharacters(r, this.settings, !0, this.isFocused)) } n = !1 } } else isNaN(Number(a)) || 1 / 0 === a ? M.throwError("The value [".concat(t, "] used in the input is not a valid value autoNumeric can work with.")) : (this.set(a), n = !1); if ("" === t) switch (this.settings.emptyInputBehavior) { case B.options.emptyInputBehavior.focus: case B.options.emptyInputBehavior.null: case B.options.emptyInputBehavior.press: break; case B.options.emptyInputBehavior.always: this._setElementValue(this.settings.currencySymbol); break; case B.options.emptyInputBehavior.min: this.set(this.settings.minimumValue); break; case B.options.emptyInputBehavior.max: this.set(this.settings.maximumValue); break; case B.options.emptyInputBehavior.zero: this.set("0"); break; default: this.set(this.settings.emptyInputBehavior) } else n && t === this.domElement.getAttribute("value") && this.set(t) } else null !== this.settings.defaultValueOverride && this.settings.defaultValueOverride !== t || this.set(t) } }, { key: "_calculateVMinAndVMaxIntegerSizes", value: function () { var e = S(this.settings.maximumValue.toString().split("."), 1)[0], t = S(this.settings.minimumValue || 0 === this.settings.minimumValue ? this.settings.minimumValue.toString().split(".") : [], 1)[0]; e = e.replace(this.settings.negativeSignCharacter, ""), t = t.replace(this.settings.negativeSignCharacter, ""), this.settings.mIntPos = Math.max(e.length, 1), this.settings.mIntNeg = Math.max(t.length, 1) } }, { key: "_calculateValuesToStringsKeys", value: function () { this.settings.valuesToStrings ? this.valuesToStringsKeys = Object.keys(this.settings.valuesToStrings) : this.valuesToStringsKeys = [] } }, { key: "_transformOptionsValuesToDefaultTypes", value: function () { for (var e in this.settings) if (Object.prototype.hasOwnProperty.call(this.settings, e)) { var t = this.settings[e]; "true" !== t && "false" !== t || (this.settings[e] = "true" === t), "number" == typeof t && (this.settings[e] = t.toString()) } } }, { key: "_setSettings", value: function (e, t) { var i = 1 < arguments.length && void 0 !== t && t; !i && M.isNull(e) || this.constructor._convertOldOptionsToNewOnes(e), i ? ("decimalPlacesRawValue" in e && (this.settings.originalDecimalPlacesRawValue = e.decimalPlacesRawValue), "decimalPlaces" in e && (this.settings.originalDecimalPlaces = e.decimalPlaces), this.constructor._calculateDecimalPlacesOnUpdate(e, this.settings), this._mergeSettings(e)) : (this.settings = {}, this._mergeSettings(this.constructor.getDefaultConfig(), this.domElement.dataset, e, { rawValue: this.defaultRawValue }), this.caretFix = !1, this.throwInput = !0, this.allowedTagList = g.allowedTagList, this.runOnce = !1, this.hoveredWithAlt = !1), this._transformOptionsValuesToDefaultTypes(), this._runCallbacksFoundInTheSettingsObject(), this.constructor._correctNegativePositiveSignPlacementOption(this.settings), this.constructor._correctCaretPositionOnFocusAndSelectOnFocusOptions(this.settings), this.constructor._setNegativePositiveSignPermissions(this.settings), i || (M.isNull(e) || !e.decimalPlaces ? this.settings.originalDecimalPlaces = null : this.settings.originalDecimalPlaces = e.decimalPlaces, this.settings.originalDecimalPlacesRawValue = this.settings.decimalPlacesRawValue, this.constructor._calculateDecimalPlacesOnInit(this.settings)), this._calculateVMinAndVMaxIntegerSizes(), this._setTrailingNegativeSignInfo(), this.regex = {}, this.constructor._cachesUsualRegularExpressions(this.settings, this.regex), this.constructor._setBrackets(this.settings), this._calculateValuesToStringsKeys(), M.isEmptyObj(this.settings) && M.throwError("Unable to set the settings, those are invalid ; an empty object was given."), this.constructor.validate(this.settings, !1, e), this._keepAnOriginalSettingsCopy() } }, { key: "_preparePastedText", value: function (e) { return this.constructor._stripAllNonNumberCharacters(e, this.settings, !0, this.isFocused) } }, { key: "_updateInternalProperties", value: function () { this.selection = M.getElementSelection(this.domElement), this.processed = !1 } }, { key: "_updateEventKeyInfo", value: function (e) { this.eventKey = M.character(e) } }, { key: "_saveCancellableValue", value: function () { this.savedCancellableValue = this.rawValue } }, { key: "_setSelection", value: function (e, t) { e = Math.max(e, 0), t = Math.min(t, M.getElementValue(this.domElement).length), this.selection = { start: e, end: t, length: t - e }, M.setElementSelection(this.domElement, e, t) } }, { key: "_setCaretPosition", value: function (e) { this._setSelection(e, e) } }, { key: "_getLeftAndRightPartAroundTheSelection", value: function () { var e = M.getElementValue(this.domElement); return [e.substring(0, this.selection.start), e.substring(this.selection.end, e.length)] } }, { key: "_getUnformattedLeftAndRightPartAroundTheSelection", value: function () { var e = S(this._getLeftAndRightPartAroundTheSelection(), 2), t = e[0], i = e[1]; if ("" === t && "" === i) return ["", ""]; var n = !0; return this.eventKey !== g.keyName.Hyphen && this.eventKey !== g.keyName.Minus || 0 !== Number(t) || (n = !1), this.isTrailingNegative && (M.isNegative(i, this.settings.negativeSignCharacter) && !M.isNegative(t, this.settings.negativeSignCharacter) || "" === i && M.isNegative(t, this.settings.negativeSignCharacter, !0)) && (t = t.replace(this.settings.negativeSignCharacter, ""), i = i.replace(this.settings.negativeSignCharacter, ""), t = t.replace("-", ""), i = i.replace("-", ""), t = "-".concat(t)), [t = B._stripAllNonNumberCharactersExceptCustomDecimalChar(t, this.settings, n, this.isFocused), i = B._stripAllNonNumberCharactersExceptCustomDecimalChar(i, this.settings, !1, this.isFocused)] } }, { key: "_normalizeParts", value: function (e, t) { var i = !0; this.eventKey !== g.keyName.Hyphen && this.eventKey !== g.keyName.Minus || 0 !== Number(e) || (i = !1), this.isTrailingNegative && M.isNegative(t, this.settings.negativeSignCharacter) && !M.isNegative(e, this.settings.negativeSignCharacter) && (e = "-".concat(e), t = t.replace(this.settings.negativeSignCharacter, "")), e = B._stripAllNonNumberCharactersExceptCustomDecimalChar(e, this.settings, i, this.isFocused), t = B._stripAllNonNumberCharactersExceptCustomDecimalChar(t, this.settings, !1, this.isFocused), this.settings.leadingZero !== B.options.leadingZero.deny || this.eventKey !== g.keyName.num0 && this.eventKey !== g.keyName.numpad0 || 0 !== Number(e) || M.contains(e, this.settings.decimalCharacter) || "" === t || (e = e.substring(0, e.length - 1)); var n = e + t; if (this.settings.decimalCharacter) { var a = n.match(new RegExp("^".concat(this.regex.aNegRegAutoStrip, "\\").concat(this.settings.decimalCharacter))); a && (n = (e = e.replace(a[1], a[1] + "0")) + t) } return [e, t, n] } }, { key: "_setValueParts", value: function (e, t, i) { var n = 2 < arguments.length && void 0 !== i && i, a = S(this._normalizeParts(e, t), 3), r = a[0], s = a[1], o = a[2], l = S(B._checkIfInRangeWithOverrideOption(o, this.settings), 2), u = l[0], c = l[1]; if (u && c) { var h = B._truncateDecimalPlaces(o, this.settings, n, this.settings.decimalPlacesRawValue).replace(this.settings.decimalCharacter, "."); if ("" === h || h === this.settings.negativeSignCharacter) { var m; switch (this.settings.emptyInputBehavior) { case B.options.emptyInputBehavior.focus: case B.options.emptyInputBehavior.press: case B.options.emptyInputBehavior.always: m = ""; break; case B.options.emptyInputBehavior.min: m = this.settings.minimumValue; break; case B.options.emptyInputBehavior.max: m = this.settings.maximumValue; break; case B.options.emptyInputBehavior.zero: m = "0"; break; case B.options.emptyInputBehavior.null: m = null; break; default: m = this.settings.emptyInputBehavior }this._setRawValue(m) } else this._setRawValue(this._trimLeadingAndTrailingZeros(h)); var d = B._truncateDecimalPlaces(o, this.settings, n, this.settings.decimalPlacesShownOnFocus), g = r.length; return g > d.length && (g = d.length), 1 === g && "0" === r && this.settings.leadingZero === B.options.leadingZero.deny && (g = "" === s || "0" === r && "" !== s ? 1 : 0), this._setElementValue(d, !1), this._setCaretPosition(g), !0 } return this._triggerRangeEvents(u, c), !1 } }, { key: "_getSignPosition", value: function () { var e; if (this.settings.currencySymbol) { var t = this.settings.currencySymbol.length, i = M.getElementValue(this.domElement); if (this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix) e = this.settings.negativeSignCharacter && i && i.charAt(0) === this.settings.negativeSignCharacter ? [1, t + 1] : [0, t]; else { var n = i.length; e = [n - t, n] } } else e = [1e3, -1]; return e } }, { key: "_expandSelectionOnSign", value: function () { var e = S(this._getSignPosition(), 2), t = e[0], i = e[1], n = this.selection; n.start < i && n.end > t && ((n.start < t || n.end > i) && M.getElementValue(this.domElement).substring(Math.max(n.start, t), Math.min(n.end, i)).match(/^\s*$/) ? n.start < t ? this._setSelection(n.start, t) : this._setSelection(i, n.end) : this._setSelection(Math.min(n.start, t), Math.max(n.end, i))) } }, { key: "_checkPaste", value: function () { if (!this.formatted && !M.isUndefined(this.valuePartsBeforePaste)) { var e = this.valuePartsBeforePaste, t = S(this._getLeftAndRightPartAroundTheSelection(), 2), i = t[0], n = t[1]; delete this.valuePartsBeforePaste; var a = i.substr(0, e[0].length) + B._stripAllNonNumberCharactersExceptCustomDecimalChar(i.substr(e[0].length), this.settings, !0, this.isFocused); this._setValueParts(a, n, !0) || (this._setElementValue(e.join(""), !1), this._setCaretPosition(e[0].length)) } } }, { key: "_processNonPrintableKeysAndShortcuts", value: function (e) { if ((e.ctrlKey || e.metaKey) && "keyup" === e.type && !M.isUndefined(this.valuePartsBeforePaste) || e.shiftKey && this.eventKey === g.keyName.Insert) return this._checkPaste(), !1; if (this.constructor._shouldSkipEventKey(this.eventKey)) return !0; if ((e.ctrlKey || e.metaKey) && this.eventKey === g.keyName.a) return this.settings.selectNumberOnly && (e.preventDefault(), this.selectNumber()), !0; if ((e.ctrlKey || e.metaKey) && (this.eventKey === g.keyName.c || this.eventKey === g.keyName.v || this.eventKey === g.keyName.x)) return "keydown" === e.type && this._expandSelectionOnSign(), this.eventKey !== g.keyName.v && this.eventKey !== g.keyName.Insert || ("keydown" === e.type || "keypress" === e.type ? M.isUndefined(this.valuePartsBeforePaste) && (this.valuePartsBeforePaste = this._getLeftAndRightPartAroundTheSelection()) : this._checkPaste()), "keydown" === e.type || "keypress" === e.type || this.eventKey === g.keyName.c; if (e.ctrlKey || e.metaKey) return !(this.eventKey === g.keyName.Z || this.eventKey === g.keyName.z); if (this.eventKey !== g.keyName.LeftArrow && this.eventKey !== g.keyName.RightArrow) return M.isInArray(this.eventKey, g.keyName._directionKeys); if ("keydown" === e.type && !e.shiftKey) { var t = M.getElementValue(this.domElement); this.eventKey !== g.keyName.LeftArrow || t.charAt(this.selection.start - 2) !== this.settings.digitGroupSeparator && t.charAt(this.selection.start - 2) !== this.settings.decimalCharacter ? this.eventKey !== g.keyName.RightArrow || t.charAt(this.selection.start + 1) !== this.settings.digitGroupSeparator && t.charAt(this.selection.start + 1) !== this.settings.decimalCharacter || this._setCaretPosition(this.selection.start + 1) : this._setCaretPosition(this.selection.start - 1) } return !0 } }, { key: "_processCharacterDeletionIfTrailingNegativeSign", value: function (e) { var t = S(e, 2), i = t[0], n = t[1], a = M.getElementValue(this.domElement), r = M.isNegative(a, this.settings.negativeSignCharacter); if (this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix && this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.suffix && (this.eventKey === g.keyName.Backspace ? (this.caretFix = this.selection.start >= a.indexOf(this.settings.suffixText) && "" !== this.settings.suffixText, "-" === a.charAt(this.selection.start - 1) ? i = i.substring(1) : this.selection.start <= a.length - this.settings.suffixText.length && (i = i.substring(0, i.length - 1))) : (this.caretFix = this.selection.start >= a.indexOf(this.settings.suffixText) && "" !== this.settings.suffixText, this.selection.start >= a.indexOf(this.settings.currencySymbol) + this.settings.currencySymbol.length && (n = n.substring(1, n.length)), M.isNegative(i, this.settings.negativeSignCharacter) && "-" === a.charAt(this.selection.start) && (i = i.substring(1)))), this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix) switch (this.settings.negativePositiveSignPlacement) { case B.options.negativePositiveSignPlacement.left: this.caretFix = this.selection.start >= a.indexOf(this.settings.negativeSignCharacter) + this.settings.negativeSignCharacter.length, this.eventKey === g.keyName.Backspace ? this.selection.start === a.indexOf(this.settings.negativeSignCharacter) + this.settings.negativeSignCharacter.length && r ? i = i.substring(1) : "-" !== i && (this.selection.start <= a.indexOf(this.settings.negativeSignCharacter) || !r) && (i = i.substring(0, i.length - 1)) : ("-" === i[0] && (n = n.substring(1)), this.selection.start === a.indexOf(this.settings.negativeSignCharacter) && r && (i = i.substring(1))); break; case B.options.negativePositiveSignPlacement.right: this.caretFix = this.selection.start >= a.indexOf(this.settings.negativeSignCharacter) + this.settings.negativeSignCharacter.length, this.eventKey === g.keyName.Backspace ? this.selection.start === a.indexOf(this.settings.negativeSignCharacter) + this.settings.negativeSignCharacter.length ? i = i.substring(1) : ("-" !== i && this.selection.start <= a.indexOf(this.settings.negativeSignCharacter) - this.settings.currencySymbol.length || "" !== i && !r) && (i = i.substring(0, i.length - 1)) : (this.caretFix = this.selection.start >= a.indexOf(this.settings.currencySymbol) && "" !== this.settings.currencySymbol, this.selection.start === a.indexOf(this.settings.negativeSignCharacter) && (i = i.substring(1)), n = n.substring(1)) }return [i, n] } }, { key: "_processCharacterDeletion", value: function () { var e, t; if (this.selection.length) { this._expandSelectionOnSign(); var i = S(this._getUnformattedLeftAndRightPartAroundTheSelection(), 2); e = i[0], t = i[1] } else { var n = S(this._getUnformattedLeftAndRightPartAroundTheSelection(), 2); if (e = n[0], t = n[1], "" === e && "" === t && (this.throwInput = !1), this.isTrailingNegative && M.isNegative(M.getElementValue(this.domElement), this.settings.negativeSignCharacter)) { var a = S(this._processCharacterDeletionIfTrailingNegativeSign([e, t]), 2); e = a[0], t = a[1] } else this.eventKey === g.keyName.Backspace ? e = e.substring(0, e.length - 1) : t = t.substring(1, t.length) } return !!this.constructor._isWithinRangeWithOverrideOption("".concat(e).concat(t), this.settings) && (this._setValueParts(e, t), !0) } }, { key: "_isDecimalCharacterInsertionAllowed", value: function () { return String(this.settings.decimalPlacesShownOnFocus) !== String(B.options.decimalPlacesShownOnFocus.none) && String(this.settings.decimalPlaces) !== String(B.options.decimalPlaces.none) } }, { key: "_processCharacterInsertion", value: function () { var e = S(this._getUnformattedLeftAndRightPartAroundTheSelection(), 2), t = e[0], i = e[1]; if (this.eventKey !== g.keyName.AndroidDefault && (this.throwInput = !0), this.eventKey === this.settings.decimalCharacter || this.settings.decimalCharacterAlternative && this.eventKey === this.settings.decimalCharacterAlternative) { if (!this._isDecimalCharacterInsertionAllowed() || !this.settings.decimalCharacter) return !1; if (this.settings.alwaysAllowDecimalCharacter) t = t.replace(this.settings.decimalCharacter, ""), i = i.replace(this.settings.decimalCharacter, ""); else { if (M.contains(t, this.settings.decimalCharacter)) return !0; if (0 < i.indexOf(this.settings.decimalCharacter)) return !0; 0 === i.indexOf(this.settings.decimalCharacter) && (i = i.substr(1)) } return this.settings.negativeSignCharacter && M.contains(i, this.settings.negativeSignCharacter) && (t = "".concat(this.settings.negativeSignCharacter).concat(t), i = i.replace(this.settings.negativeSignCharacter, "")), this._setValueParts(t + this.settings.decimalCharacter, i), !0 } if (("-" === this.eventKey || "+" === this.eventKey) && this.settings.isNegativeSignAllowed) return "" === t && M.contains(i, "-") ? i = i.replace("-", "") : t = M.isNegativeStrict(t, "-") ? t.replace("-", "") : "".concat(this.settings.negativeSignCharacter).concat(t), this._setValueParts(t, i), !0; var n = Number(this.eventKey); return 0 <= n && n <= 9 ? (this.settings.isNegativeSignAllowed && "" === t && M.contains(i, "-") && (t = "-", i = i.substring(1, i.length)), this.settings.maximumValue <= 0 && this.settings.minimumValue < this.settings.maximumValue && !M.contains(M.getElementValue(this.domElement), this.settings.negativeSignCharacter) && "0" !== this.eventKey && (t = "-".concat(t)), this._setValueParts("".concat(t).concat(this.eventKey), i), !0) : this.throwInput = !1 } }, { key: "_formatValue", value: function (e) { var t = M.getElementValue(this.domElement), i = S(this._getUnformattedLeftAndRightPartAroundTheSelection(), 1)[0]; if (("" === this.settings.digitGroupSeparator || "" !== this.settings.digitGroupSeparator && !M.contains(t, this.settings.digitGroupSeparator)) && ("" === this.settings.currencySymbol || "" !== this.settings.currencySymbol && !M.contains(t, this.settings.currencySymbol))) { var n = S(t.split(this.settings.decimalCharacter), 1)[0], a = ""; M.isNegative(n, this.settings.negativeSignCharacter) && (a = this.settings.negativeSignCharacter, n = n.replace(this.settings.negativeSignCharacter, ""), i = i.replace("-", "")), "" === a && n.length > this.settings.mIntPos && "0" === i.charAt(0) && (i = i.slice(1)), a === this.settings.negativeSignCharacter && n.length > this.settings.mIntNeg && "0" === i.charAt(0) && (i = i.slice(1)), this.isTrailingNegative || (i = "".concat(a).concat(i)) } var r = this.constructor._addGroupSeparators(t, this.settings, this.isFocused, this.rawValue), s = r.length; if (r) { var o, l = i.split(""); if ((this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.suffix || this.settings.negativePositiveSignPlacement !== B.options.negativePositiveSignPlacement.prefix && this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix) && l[0] === this.settings.negativeSignCharacter && !this.settings.isNegativeSignAllowed && (l.shift(), (this.eventKey === g.keyName.Backspace || this.eventKey === g.keyName.Delete) && this.caretFix && ((this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix && this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.left || this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix && this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.suffix) && (l.push(this.settings.negativeSignCharacter), this.caretFix = "keydown" === e.type), this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix && this.settings.negativePositiveSignPlacement === B.options.negativePositiveSignPlacement.right))) { var u = this.settings.currencySymbol.split(""), c = ["\\", "^", "$", ".", "|", "?", "*", "+", "(", ")", "["], h = []; u.forEach(function (e, t) { t = u[e], M.isInArray(t, c) ? h.push("\\" + t) : h.push(t) }), this.eventKey === g.keyName.Backspace && "-" === this.settings.negativeSignCharacter && h.push("-"), l.push(h.join("")), this.caretFix = "keydown" === e.type } for (var m = 0; m < l.length; m++)l[m].match("\\d") || (l[m] = "\\" + l[m]); o = this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix ? new RegExp("^.*?".concat(l.join(".*?"))) : new RegExp("^.*?[".concat(this.settings.currencySymbol, "]").concat(l.join(".*?"))); var d = r.match(o); d ? (s = d[0].length, this.settings.showPositiveSign && (0 === s && d.input.charAt(0) === this.settings.positiveSignCharacter && (s = 1 === d.input.indexOf(this.settings.currencySymbol) ? this.settings.currencySymbol.length + 1 : 1), 0 === s && d.input.charAt(this.settings.currencySymbol.length) === this.settings.positiveSignCharacter && (s = this.settings.currencySymbol.length + 1)), (0 === s && r.charAt(0) !== this.settings.negativeSignCharacter || 1 === s && r.charAt(0) === this.settings.negativeSignCharacter) && this.settings.currencySymbol && this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.prefix && (s = this.settings.currencySymbol.length + (M.isNegativeStrict(r, this.settings.negativeSignCharacter) ? 1 : 0))) : (this.settings.currencySymbol && this.settings.currencySymbolPlacement === B.options.currencySymbolPlacement.suffix && (s -= this.settings.currencySymbol.length), this.settings.suffixText && (s -= this.settings.suffixText.length)) } r !== t && (this._setElementValue(r, !1), this._setCaretPosition(s)), this.formatted = !0 } }]), P(e, t), B }(); function N(e, t) { t = t || { bubbles: !1, cancelable: !1, detail: void 0 }; var i = document.createEvent("CustomEvent"); return i.initCustomEvent(e, t.bubbles, t.cancelable, t.detail), i } k.multiple = function (e) { var i = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : null, t = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null, n = []; if (M.isObject(i) && (t = i, i = null), M.isString(e)) e = p(document.querySelectorAll(e)); else if (M.isObject(e)) { Object.prototype.hasOwnProperty.call(e, "rootElement") || M.throwError("The object passed to the 'multiple' function is invalid ; no 'rootElement' attribute found."); var a = p(e.rootElement.querySelectorAll("input")); e = Object.prototype.hasOwnProperty.call(e, "exclude") ? (Array.isArray(e.exclude) || M.throwError("The 'exclude' array passed to the 'multiple' function is invalid."), M.filterOut(a, e.exclude)) : a } else M.isArray(e) || M.throwError("The given parameters to the 'multiple' function are invalid."); if (0 === e.length) { var r = !0; return !M.isNull(t) && M.isBoolean(t.showWarnings) && (r = t.showWarnings), M.warning("No valid DOM elements were given hence no AutoNumeric objects were instantiated.", r), [] } var s = M.isArray(i) && 1 <= i.length, o = !1, l = !1; if (s) { var u = w(Number(i[0])); (o = "number" === u && !isNaN(Number(i[0]))) || "string" !== u && !isNaN(u) && "object" !== u || (l = !0) } var c, h = !1; if (M.isArray(t) && 1 <= t.length) { var m = w(t[0]); "string" !== m && "object" !== m || (h = !0) } c = l ? k.mergeOptions(i) : h ? k.mergeOptions(t) : t; var d, g = M.isNumber(i); return o && (d = i.length), e.forEach(function (e, t) { g ? n.push(new k(e, i, c)) : o && t <= d ? n.push(new k(e, i[t], c)) : n.push(new k(e, null, c)) }), n }, Array.from || (Array.from = function (e) { return [].slice.call(e) }), "undefined" != typeof window && "function" != typeof window.CustomEvent && (N.prototype = window.Event.prototype, window.CustomEvent = N), k.events = { correctedValue: "autoNumeric:correctedValue", initialized: "autoNumeric:initialized", invalidFormula: "autoNumeric:invalidFormula", invalidValue: "autoNumeric:invalidValue", formatted: "autoNumeric:formatted", rawValueModified: "autoNumeric:rawValueModified", minRangeExceeded: "autoNumeric:minExceeded", maxRangeExceeded: "autoNumeric:maxExceeded", native: { input: "input", change: "change" }, validFormula: "autoNumeric:validFormula" }, Object.freeze(k.events.native), Object.freeze(k.events), Object.defineProperty(k, "events", { configurable: !1, writable: !1 }), k.options = { allowDecimalPadding: { always: !0, never: !1, floats: "floats" }, alwaysAllowDecimalCharacter: { alwaysAllow: !0, doNotAllow: !1 }, caretPositionOnFocus: { start: "start", end: "end", decimalLeft: "decimalLeft", decimalRight: "decimalRight", doNoForceCaretPosition: null }, createLocalList: { createList: !0, doNotCreateList: !1 }, currencySymbol: { none: "", currencySign: "¤", austral: "₳", australCentavo: "¢", baht: "฿", cedi: "₵", cent: "¢", colon: "₡", cruzeiro: "₢", dollar: "$", dong: "₫", drachma: "₯", dram: "֏", european: "₠", euro: "€", florin: "ƒ", franc: "₣", guarani: "₲", hryvnia: "₴", kip: "₭", att: "ອັດ", lepton: "Λ.", lira: "₺", liraOld: "₤", lari: "₾", mark: "ℳ", mill: "₥", naira: "₦", peseta: "₧", peso: "₱", pfennig: "₰", pound: "£", real: "R$", riel: "៛", ruble: "₽", rupee: "₹", rupeeOld: "₨", shekel: "₪", shekelAlt: "ש״ח", taka: "৳", tenge: "₸", togrog: "₮", won: "₩", yen: "¥" }, currencySymbolPlacement: { prefix: "p", suffix: "s" }, decimalCharacter: { comma: ",", dot: ".", middleDot: "·", arabicDecimalSeparator: "٫", decimalSeparatorKeySymbol: "⎖" }, decimalCharacterAlternative: { none: null, comma: ",", dot: "." }, decimalPlaces: { none: 0, one: 1, two: 2, three: 3, four: 4, five: 5, six: 6 }, decimalPlacesRawValue: { useDefault: null, none: 0, one: 1, two: 2, three: 3, four: 4, five: 5, six: 6 }, decimalPlacesShownOnBlur: { useDefault: null, none: 0, one: 1, two: 2, three: 3, four: 4, five: 5, six: 6 }, decimalPlacesShownOnFocus: { useDefault: null, none: 0, one: 1, two: 2, three: 3, four: 4, five: 5, six: 6 }, defaultValueOverride: { doNotOverride: null }, digitalGroupSpacing: { two: "2", twoScaled: "2s", three: "3", four: "4" }, digitGroupSeparator: { comma: ",", dot: ".", normalSpace: " ", thinSpace: " ", narrowNoBreakSpace: " ", noBreakSpace: " ", noSeparator: "", apostrophe: "'", arabicThousandsSeparator: "٬", dotAbove: "˙", privateUseTwo: "’" }, divisorWhenUnfocused: { none: null, percentage: 100, permille: 1e3, basisPoint: 1e4 }, emptyInputBehavior: { focus: "focus", press: "press", always: "always", zero: "zero", min: "min", max: "max", null: "null" }, eventBubbles: { bubbles: !0, doesNotBubble: !1 }, eventIsCancelable: { isCancelable: !0, isNotCancelable: !1 }, failOnUnknownOption: { fail: !0, ignore: !1 }, formatOnPageLoad: { format: !0, doNotFormat: !1 }, formulaMode: { enabled: !0, disabled: !1 }, historySize: { verySmall: 5, small: 10, medium: 20, large: 50, veryLarge: 100, insane: Number.MAX_SAFE_INTEGER }, invalidClass: "an-invalid", isCancellable: { cancellable: !0, notCancellable: !1 }, leadingZero: { allow: "allow", deny: "deny", keep: "keep" }, maximumValue: { tenTrillions: "10000000000000", oneBillion: "1000000000", zero: "0" }, minimumValue: { tenTrillions: "-10000000000000", oneBillion: "-1000000000", zero: "0" }, modifyValueOnWheel: { modifyValue: !0, doNothing: !1 }, negativeBracketsTypeOnBlur: { parentheses: "(,)", brackets: "[,]", chevrons: "<,>", curlyBraces: "{,}", angleBrackets: "〈,〉", japaneseQuotationMarks: "「,」", halfBrackets: "⸤,⸥", whiteSquareBrackets: "⟦,⟧", quotationMarks: "‹,›", guillemets: "«,»", none: null }, negativePositiveSignPlacement: { prefix: "p", suffix: "s", left: "l", right: "r", none: null }, negativeSignCharacter: { hyphen: "-", minus: "−", heavyMinus: "➖", fullWidthHyphen: "-", circledMinus: "⊖", squaredMinus: "⊟", triangleMinus: "⨺", plusMinus: "±", minusPlus: "∓", dotMinus: "∸", minusTilde: "≂", not: "¬" }, noEventListeners: { noEvents: !0, addEvents: !1 }, onInvalidPaste: { error: "error", ignore: "ignore", clamp: "clamp", truncate: "truncate", replace: "replace" }, outputFormat: { string: "string", number: "number", dot: ".", negativeDot: "-.", comma: ",", negativeComma: "-,", dotNegative: ".-", commaNegative: ",-", none: null }, overrideMinMaxLimits: { ceiling: "ceiling", floor: "floor", ignore: "ignore", invalid: "invalid", doNotOverride: null }, positiveSignCharacter: { plus: "+", fullWidthPlus: "+", heavyPlus: "➕", doublePlus: "⧺", triplePlus: "⧻", circledPlus: "⊕", squaredPlus: "⊞", trianglePlus: "⨹", plusMinus: "±", minusPlus: "∓", dotPlus: "∔", altHebrewPlus: "﬩", normalSpace: " ", thinSpace: " ", narrowNoBreakSpace: " ", noBreakSpace: " " }, rawValueDivisor: { none: null, percentage: 100, permille: 1e3, basisPoint: 1e4 }, readOnly: { readOnly: !0, readWrite: !1 }, roundingMethod: { halfUpSymmetric: "S", halfUpAsymmetric: "A", halfDownSymmetric: "s", halfDownAsymmetric: "a", halfEvenBankersRounding: "B", upRoundAwayFromZero: "U", downRoundTowardZero: "D", toCeilingTowardPositiveInfinity: "C", toFloorTowardNegativeInfinity: "F", toNearest05: "N05", toNearest05Alt: "CHF", upToNext05: "U05", downToNext05: "D05" }, saveValueToSessionStorage: { save: !0, doNotSave: !1 }, selectNumberOnly: { selectNumbersOnly: !0, selectAll: !1 }, selectOnFocus: { select: !0, doNotSelect: !1 }, serializeSpaces: { plus: "+", percent: "%20" }, showOnlyNumbersOnFocus: { onlyNumbers: !0, showAll: !1 }, showPositiveSign: { show: !0, hide: !1 }, showWarnings: { show: !0, hide: !1 }, styleRules: { none: null, positiveNegative: { positive: "autoNumeric-positive", negative: "autoNumeric-negative" }, range0To100With4Steps: { ranges: [{ min: 0, max: 25, class: "autoNumeric-red" }, { min: 25, max: 50, class: "autoNumeric-orange" }, { min: 50, max: 75, class: "autoNumeric-yellow" }, { min: 75, max: 100, class: "autoNumeric-green" }] }, evenOdd: { userDefined: [{ callback: function (e) { return e % 2 == 0 }, classes: ["autoNumeric-even", "autoNumeric-odd"] }] }, rangeSmallAndZero: { userDefined: [{ callback: function (e) { return -1 <= e && e < 0 ? 0 : 0 === Number(e) ? 1 : 0 < e && e <= 1 ? 2 : null }, classes: ["autoNumeric-small-negative", "autoNumeric-zero", "autoNumeric-small-positive"] }] } }, suffixText: { none: "", percentage: "%", permille: "‰", basisPoint: "‱" }, symbolWhenUnfocused: { none: null, percentage: "%", permille: "‰", basisPoint: "‱" }, unformatOnHover: { unformat: !0, doNotUnformat: !1 }, unformatOnSubmit: { unformat: !0, keepCurrentValue: !1 }, valuesToStrings: { none: null, zeroDash: { 0: "-" }, oneAroundZero: { "-1": "Min", 1: "Max" } }, watchExternalChanges: { watch: !0, doNotWatch: !1 }, wheelOn: { focus: "focus", hover: "hover" }, wheelStep: { progressive: "progressive" } }, O = k.options, Object.getOwnPropertyNames(O).forEach(function (e) { "valuesToStrings" === e ? Object.getOwnPropertyNames(O.valuesToStrings).forEach(function (e) { M.isIE11() || null === O.valuesToStrings[e] || Object.freeze(O.valuesToStrings[e]) }) : "styleRules" !== e && (M.isIE11() || null === O[e] || Object.freeze(O[e])) }), Object.freeze(O), Object.defineProperty(k, "options", { configurable: !1, writable: !1 }), k.defaultSettings = { allowDecimalPadding: k.options.allowDecimalPadding.always, alwaysAllowDecimalCharacter: k.options.alwaysAllowDecimalCharacter.doNotAllow, caretPositionOnFocus: k.options.caretPositionOnFocus.doNoForceCaretPosition, createLocalList: k.options.createLocalList.createList, currencySymbol: k.options.currencySymbol.none, currencySymbolPlacement: k.options.currencySymbolPlacement.prefix, decimalCharacter: k.options.decimalCharacter.dot, decimalCharacterAlternative: k.options.decimalCharacterAlternative.none, decimalPlaces: k.options.decimalPlaces.two, decimalPlacesRawValue: k.options.decimalPlacesRawValue.useDefault, decimalPlacesShownOnBlur: k.options.decimalPlacesShownOnBlur.useDefault, decimalPlacesShownOnFocus: k.options.decimalPlacesShownOnFocus.useDefault, defaultValueOverride: k.options.defaultValueOverride.doNotOverride, digitalGroupSpacing: k.options.digitalGroupSpacing.three, digitGroupSeparator: k.options.digitGroupSeparator.comma, divisorWhenUnfocused: k.options.divisorWhenUnfocused.none, emptyInputBehavior: k.options.emptyInputBehavior.focus, eventBubbles: k.options.eventBubbles.bubbles, eventIsCancelable: k.options.eventIsCancelable.isCancelable, failOnUnknownOption: k.options.failOnUnknownOption.ignore, formatOnPageLoad: k.options.formatOnPageLoad.format, formulaMode: k.options.formulaMode.disabled, historySize: k.options.historySize.medium, invalidClass: k.options.invalidClass, isCancellable: k.options.isCancellable.cancellable, leadingZero: k.options.leadingZero.deny, maximumValue: k.options.maximumValue.tenTrillions, minimumValue: k.options.minimumValue.tenTrillions, modifyValueOnWheel: k.options.modifyValueOnWheel.modifyValue, negativeBracketsTypeOnBlur: k.options.negativeBracketsTypeOnBlur.none, negativePositiveSignPlacement: k.options.negativePositiveSignPlacement.none, negativeSignCharacter: k.options.negativeSignCharacter.hyphen, noEventListeners: k.options.noEventListeners.addEvents, onInvalidPaste: k.options.onInvalidPaste.error, outputFormat: k.options.outputFormat.none, overrideMinMaxLimits: k.options.overrideMinMaxLimits.doNotOverride, positiveSignCharacter: k.options.positiveSignCharacter.plus, rawValueDivisor: k.options.rawValueDivisor.none, readOnly: k.options.readOnly.readWrite, roundingMethod: k.options.roundingMethod.halfUpSymmetric, saveValueToSessionStorage: k.options.saveValueToSessionStorage.doNotSave, selectNumberOnly: k.options.selectNumberOnly.selectNumbersOnly, selectOnFocus: k.options.selectOnFocus.select, serializeSpaces: k.options.serializeSpaces.plus, showOnlyNumbersOnFocus: k.options.showOnlyNumbersOnFocus.showAll, showPositiveSign: k.options.showPositiveSign.hide, showWarnings: k.options.showWarnings.show, styleRules: k.options.styleRules.none, suffixText: k.options.suffixText.none, symbolWhenUnfocused: k.options.symbolWhenUnfocused.none, unformatOnHover: k.options.unformatOnHover.unformat, unformatOnSubmit: k.options.unformatOnSubmit.keepCurrentValue, valuesToStrings: k.options.valuesToStrings.none, watchExternalChanges: k.options.watchExternalChanges.doNotWatch, wheelOn: k.options.wheelOn.focus, wheelStep: k.options.wheelStep.progressive }, Object.freeze(k.defaultSettings), Object.defineProperty(k, "defaultSettings", { configurable: !1, writable: !1 }); var E = { digitGroupSeparator: k.options.digitGroupSeparator.dot, decimalCharacter: k.options.decimalCharacter.comma, decimalCharacterAlternative: k.options.decimalCharacterAlternative.dot, currencySymbol: " €", currencySymbolPlacement: k.options.currencySymbolPlacement.suffix, negativePositiveSignPlacement: k.options.negativePositiveSignPlacement.prefix }, _ = { digitGroupSeparator: k.options.digitGroupSeparator.comma, decimalCharacter: k.options.decimalCharacter.dot, currencySymbol: k.options.currencySymbol.dollar, currencySymbolPlacement: k.options.currencySymbolPlacement.prefix, negativePositiveSignPlacement: k.options.negativePositiveSignPlacement.right }, C = { digitGroupSeparator: k.options.digitGroupSeparator.comma, decimalCharacter: k.options.decimalCharacter.dot, currencySymbol: k.options.currencySymbol.yen, currencySymbolPlacement: k.options.currencySymbolPlacement.prefix, negativePositiveSignPlacement: k.options.negativePositiveSignPlacement.right }; M.cloneObject(E).formulaMode = k.options.formulaMode.enabled; var F = M.cloneObject(E); F.minimumValue = 0; var x = M.cloneObject(E); x.maximumValue = 0, x.negativePositiveSignPlacement = k.options.negativePositiveSignPlacement.prefix; var V = M.cloneObject(E); V.digitGroupSeparator = k.options.digitGroupSeparator.normalSpace; var T = M.cloneObject(V); T.minimumValue = 0; var A = M.cloneObject(V); A.maximumValue = 0, A.negativePositiveSignPlacement = k.options.negativePositiveSignPlacement.prefix; var L = M.cloneObject(E); L.currencySymbol = k.options.currencySymbol.none, L.suffixText = " ".concat(k.options.suffixText.percentage), L.wheelStep = 1e-4, L.rawValueDivisor = k.options.rawValueDivisor.percentage; var I = M.cloneObject(L); I.minimumValue = 0; var B = M.cloneObject(L); B.maximumValue = 0, B.negativePositiveSignPlacement = k.options.negativePositiveSignPlacement.prefix; var D = M.cloneObject(L); D.decimalPlaces = 3; var R = M.cloneObject(I); R.decimalPlaces = 3; var U = M.cloneObject(B); U.decimalPlaces = 3, M.cloneObject(_).formulaMode = k.options.formulaMode.enabled; var j = M.cloneObject(_); j.minimumValue = 0; var z = M.cloneObject(_); z.maximumValue = 0, z.negativePositiveSignPlacement = k.options.negativePositiveSignPlacement.prefix; var K = M.cloneObject(z); K.negativeBracketsTypeOnBlur = k.options.negativeBracketsTypeOnBlur.parentheses; var W = M.cloneObject(_); W.currencySymbol = k.options.currencySymbol.none, W.suffixText = k.options.suffixText.percentage, W.wheelStep = 1e-4, W.rawValueDivisor = k.options.rawValueDivisor.percentage; var G = M.cloneObject(W); G.minimumValue = 0; var H = M.cloneObject(W); H.maximumValue = 0, H.negativePositiveSignPlacement = k.options.negativePositiveSignPlacement.prefix; var Z = M.cloneObject(W); Z.decimalPlaces = 3; var q = M.cloneObject(G); q.decimalPlaces = 3; var $ = M.cloneObject(H); $.decimalPlaces = 3; var J = M.cloneObject(E); J.currencySymbol = k.options.currencySymbol.lira, k.predefinedOptions = { euro: E, euroPos: F, euroNeg: x, euroSpace: V, euroSpacePos: T, euroSpaceNeg: A, percentageEU2dec: L, percentageEU2decPos: I, percentageEU2decNeg: B, percentageEU3dec: D, percentageEU3decPos: R, percentageEU3decNeg: U, dollar: _, dollarPos: j, dollarNeg: z, dollarNegBrackets: K, percentageUS2dec: W, percentageUS2decPos: G, percentageUS2decNeg: H, percentageUS3dec: Z, percentageUS3decPos: q, percentageUS3decNeg: $, French: E, Spanish: E, NorthAmerican: _, British: { digitGroupSeparator: k.options.digitGroupSeparator.comma, decimalCharacter: k.options.decimalCharacter.dot, currencySymbol: k.options.currencySymbol.pound, currencySymbolPlacement: k.options.currencySymbolPlacement.prefix, negativePositiveSignPlacement: k.options.negativePositiveSignPlacement.right }, Swiss: { digitGroupSeparator: k.options.digitGroupSeparator.apostrophe, decimalCharacter: k.options.decimalCharacter.dot, currencySymbol: " CHF", currencySymbolPlacement: k.options.currencySymbolPlacement.suffix, negativePositiveSignPlacement: k.options.negativePositiveSignPlacement.prefix }, Japanese: C, Chinese: C, Brazilian: { digitGroupSeparator: k.options.digitGroupSeparator.dot, decimalCharacter: k.options.decimalCharacter.comma, currencySymbol: k.options.currencySymbol.real, currencySymbolPlacement: k.options.currencySymbolPlacement.prefix, negativePositiveSignPlacement: k.options.negativePositiveSignPlacement.right }, Turkish: J, dotDecimalCharCommaSeparator: { digitGroupSeparator: k.options.digitGroupSeparator.comma, decimalCharacter: k.options.decimalCharacter.dot }, commaDecimalCharDotSeparator: { digitGroupSeparator: k.options.digitGroupSeparator.dot, decimalCharacter: k.options.decimalCharacter.comma, decimalCharacterAlternative: k.options.decimalCharacterAlternative.dot }, integer: { decimalPlaces: 0 }, integerPos: { minimumValue: k.options.minimumValue.zero, decimalPlaces: 0 }, integerNeg: { maximumValue: k.options.maximumValue.zero, decimalPlaces: 0 }, float: { allowDecimalPadding: k.options.allowDecimalPadding.never }, floatPos: { allowDecimalPadding: k.options.allowDecimalPadding.never, minimumValue: k.options.minimumValue.zero, maximumValue: k.options.maximumValue.tenTrillions }, floatNeg: { allowDecimalPadding: k.options.allowDecimalPadding.never, minimumValue: k.options.minimumValue.tenTrillions, maximumValue: k.options.maximumValue.zero }, numeric: { digitGroupSeparator: k.options.digitGroupSeparator.noSeparator, decimalCharacter: k.options.decimalCharacter.dot, currencySymbol: k.options.currencySymbol.none }, numericPos: { digitGroupSeparator: k.options.digitGroupSeparator.noSeparator, decimalCharacter: k.options.decimalCharacter.dot, currencySymbol: k.options.currencySymbol.none, minimumValue: k.options.minimumValue.zero, maximumValue: k.options.maximumValue.tenTrillions }, numericNeg: { digitGroupSeparator: k.options.digitGroupSeparator.noSeparator, decimalCharacter: k.options.decimalCharacter.dot, currencySymbol: k.options.currencySymbol.none, minimumValue: k.options.minimumValue.tenTrillions, maximumValue: k.options.maximumValue.zero } }, Object.getOwnPropertyNames(k.predefinedOptions).forEach(function (e) { Object.freeze(k.predefinedOptions[e]) }), Object.freeze(k.predefinedOptions), Object.defineProperty(k, "predefinedOptions", { configurable: !1, writable: !1 }), t.default = k }], a.c = n, a.d = function (e, t, i) { a.o(e, t) || Object.defineProperty(e, t, { enumerable: !0, get: i }) }, a.r = function (e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, a.t = function (t, e) { if (1 & e && (t = a(t)), 8 & e) return t; if (4 & e && "object" == typeof t && t && t.__esModule) return t; var i = Object.create(null); if (a.r(i), Object.defineProperty(i, "default", { enumerable: !0, value: t }), 2 & e && "string" != typeof t) for (var n in t) a.d(i, n, function (e) { return t[e] }.bind(null, n)); return i }, a.n = function (e) { var t = e && e.__esModule ? function () { return e.default } : function () { return e }; return a.d(t, "a", t), t }, a.o = function (e, t) { return Object.prototype.hasOwnProperty.call(e, t) }, a.p = "", a(a.s = 0).default; function a(e) { if (n[e]) return n[e].exports; var t = n[e] = { i: e, l: !1, exports: {} }; return i[e].call(t.exports, t, t.exports, a), t.l = !0, t.exports } var i, n }); \ No newline at end of file diff --git a/_content/Blazorise/vendors/flatpickr.js b/_content/Blazorise/vendors/flatpickr.js new file mode 100755 index 0000000..9017dad --- /dev/null +++ b/_content/Blazorise/vendors/flatpickr.js @@ -0,0 +1,2 @@ +!function (e, n) { "object" == typeof exports && "undefined" != typeof module ? module.exports = n() : "function" == typeof define && define.amd ? define(n) : (e = "undefined" != typeof globalThis ? globalThis : e || self).flatpickr = n() }(this, (function () { "use strict"; var e = function () { return (e = Object.assign || function (e) { for (var n, t = 1, a = arguments.length; t < a; t++)for (var i in n = arguments[t]) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]); return e }).apply(this, arguments) }; function n() { for (var e = 0, n = 0, t = arguments.length; n < t; n++)e += arguments[n].length; var a = Array(e), i = 0; for (n = 0; n < t; n++)for (var o = arguments[n], r = 0, l = o.length; r < l; r++, i++)a[i] = o[r]; return a } var t = ["onChange", "onClose", "onDayCreate", "onDestroy", "onKeyDown", "onMonthChange", "onOpen", "onParseConfig", "onReady", "onValueUpdate", "onYearChange", "onPreCalendarPosition"], a = { _disable: [], allowInput: !1, allowInvalidPreload: !1, altFormat: "F j, Y", altInput: !1, altInputClass: "form-control input", animate: "object" == typeof window && -1 === window.navigator.userAgent.indexOf("MSIE"), ariaDateFormat: "F j, Y", autoFillDefaultTime: !0, clickOpens: !0, closeOnSelect: !0, conjunction: ", ", dateFormat: "Y-m-d", defaultHour: 12, defaultMinute: 0, defaultSeconds: 0, disable: [], disableMobile: !1, enableSeconds: !1, enableTime: !1, errorHandler: function (e) { return "undefined" != typeof console && console.warn(e) }, getWeek: function (e) { var n = new Date(e.getTime()); n.setHours(0, 0, 0, 0), n.setDate(n.getDate() + 3 - (n.getDay() + 6) % 7); var t = new Date(n.getFullYear(), 0, 4); return 1 + Math.round(((n.getTime() - t.getTime()) / 864e5 - 3 + (t.getDay() + 6) % 7) / 7) }, hourIncrement: 1, ignoredFocusElements: [], inline: !1, locale: "default", minuteIncrement: 5, mode: "single", monthSelectorType: "dropdown", nextArrow: "", noCalendar: !1, now: new Date, onChange: [], onClose: [], onDayCreate: [], onDestroy: [], onKeyDown: [], onMonthChange: [], onOpen: [], onParseConfig: [], onReady: [], onValueUpdate: [], onYearChange: [], onPreCalendarPosition: [], plugins: [], position: "auto", positionElement: void 0, prevArrow: "", shorthandCurrentMonth: !1, showMonths: 1, static: !1, time_24hr: !1, weekNumbers: !1, wrap: !1 }, i = { weekdays: { shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], longhand: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] }, months: { shorthand: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], longhand: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"] }, daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], firstDayOfWeek: 0, ordinal: function (e) { var n = e % 100; if (n > 3 && n < 21) return "th"; switch (n % 10) { case 1: return "st"; case 2: return "nd"; case 3: return "rd"; default: return "th" } }, rangeSeparator: " to ", weekAbbreviation: "Wk", scrollTitle: "Scroll to increment", toggleTitle: "Click to toggle", amPM: ["AM", "PM"], yearAriaLabel: "Year", monthAriaLabel: "Month", hourAriaLabel: "Hour", minuteAriaLabel: "Minute", time_24hr: !1 }, o = function (e, n) { return void 0 === n && (n = 2), ("000" + e).slice(-1 * n) }, r = function (e) { return !0 === e ? 1 : 0 }; function l(e, n) { var t; return function () { var a = this, i = arguments; clearTimeout(t), t = setTimeout((function () { return e.apply(a, i) }), n) } } var c = function (e) { return e instanceof Array ? e : [e] }; function s(e, n, t) { if (!0 === t) return e.classList.add(n); e.classList.remove(n) } function d(e, n, t) { var a = window.document.createElement(e); return n = n || "", t = t || "", a.className = n, void 0 !== t && (a.textContent = t), a } function u(e) { for (; e.firstChild;)e.removeChild(e.firstChild) } function f(e, n) { return n(e) ? e : e.parentNode ? f(e.parentNode, n) : void 0 } function m(e, n) { var t = d("div", "numInputWrapper"), a = d("input", "numInput " + e), i = d("span", "arrowUp"), o = d("span", "arrowDown"); if (-1 === navigator.userAgent.indexOf("MSIE 9.0") ? a.type = "number" : (a.type = "text", a.pattern = "\\d*"), void 0 !== n) for (var r in n) a.setAttribute(r, n[r]); return t.appendChild(a), t.appendChild(i), t.appendChild(o), t } function g(e) { try { return "function" == typeof e.composedPath ? e.composedPath()[0] : e.target } catch (n) { return e.target } } var p = function () { }, h = function (e, n, t) { return t.months[n ? "shorthand" : "longhand"][e] }, v = { D: p, F: function (e, n, t) { e.setMonth(t.months.longhand.indexOf(n)) }, G: function (e, n) { e.setHours((e.getHours() >= 12 ? 12 : 0) + parseFloat(n)) }, H: function (e, n) { e.setHours(parseFloat(n)) }, J: function (e, n) { e.setDate(parseFloat(n)) }, K: function (e, n, t) { e.setHours(e.getHours() % 12 + 12 * r(new RegExp(t.amPM[1], "i").test(n))) }, M: function (e, n, t) { e.setMonth(t.months.shorthand.indexOf(n)) }, S: function (e, n) { e.setSeconds(parseFloat(n)) }, U: function (e, n) { return new Date(1e3 * parseFloat(n)) }, W: function (e, n, t) { var a = parseInt(n), i = new Date(e.getFullYear(), 0, 2 + 7 * (a - 1), 0, 0, 0, 0); return i.setDate(i.getDate() - i.getDay() + t.firstDayOfWeek), i }, Y: function (e, n) { e.setFullYear(parseFloat(n)) }, Z: function (e, n) { return new Date(n) }, d: function (e, n) { e.setDate(parseFloat(n)) }, h: function (e, n) { e.setHours((e.getHours() >= 12 ? 12 : 0) + parseFloat(n)) }, i: function (e, n) { e.setMinutes(parseFloat(n)) }, j: function (e, n) { e.setDate(parseFloat(n)) }, l: p, m: function (e, n) { e.setMonth(parseFloat(n) - 1) }, n: function (e, n) { e.setMonth(parseFloat(n) - 1) }, s: function (e, n) { e.setSeconds(parseFloat(n)) }, u: function (e, n) { return new Date(parseFloat(n)) }, w: p, y: function (e, n) { e.setFullYear(2e3 + parseFloat(n)) } }, D = { D: "", F: "", G: "(\\d\\d|\\d)", H: "(\\d\\d|\\d)", J: "(\\d\\d|\\d)\\w+", K: "", M: "", S: "(\\d\\d|\\d)", U: "(.+)", W: "(\\d\\d|\\d)", Y: "(\\d{4})", Z: "(.+)", d: "(\\d\\d|\\d)", h: "(\\d\\d|\\d)", i: "(\\d\\d|\\d)", j: "(\\d\\d|\\d)", l: "", m: "(\\d\\d|\\d)", n: "(\\d\\d|\\d)", s: "(\\d\\d|\\d)", u: "(.+)", w: "(\\d\\d|\\d)", y: "(\\d{2})" }, w = { Z: function (e) { return e.toISOString() }, D: function (e, n, t) { return n.weekdays.shorthand[w.w(e, n, t)] }, F: function (e, n, t) { return h(w.n(e, n, t) - 1, !1, n) }, G: function (e, n, t) { return o(w.h(e, n, t)) }, H: function (e) { return o(e.getHours()) }, J: function (e, n) { return void 0 !== n.ordinal ? e.getDate() + n.ordinal(e.getDate()) : e.getDate() }, K: function (e, n) { return n.amPM[r(e.getHours() > 11)] }, M: function (e, n) { return h(e.getMonth(), !0, n) }, S: function (e) { return o(e.getSeconds()) }, U: function (e) { return e.getTime() / 1e3 }, W: function (e, n, t) { return t.getWeek(e) }, Y: function (e) { return o(e.getFullYear(), 4) }, d: function (e) { return o(e.getDate()) }, h: function (e) { return e.getHours() % 12 ? e.getHours() % 12 : 12 }, i: function (e) { return o(e.getMinutes()) }, j: function (e) { return e.getDate() }, l: function (e, n) { return n.weekdays.longhand[e.getDay()] }, m: function (e) { return o(e.getMonth() + 1) }, n: function (e) { return e.getMonth() + 1 }, s: function (e) { return e.getSeconds() }, u: function (e) { return e.getTime() }, w: function (e) { return e.getDay() }, y: function (e) { return String(e.getFullYear()).substring(2) } }, b = function (e) { var n = e.config, t = void 0 === n ? a : n, o = e.l10n, r = void 0 === o ? i : o, l = e.isMobile, c = void 0 !== l && l; return function (e, n, a) { var i = a || r; return void 0 === t.formatDate || c ? n.split("").map((function (n, a, o) { return w[n] && "\\" !== o[a - 1] ? w[n](e, i, t) : "\\" !== n ? n : "" })).join("") : t.formatDate(e, n, i) } }, C = function (e) { var n = e.config, t = void 0 === n ? a : n, o = e.l10n, r = void 0 === o ? i : o; return function (e, n, i, o) { if (0 === e || e) { var l, c = o || r, s = e; if (e instanceof Date) l = new Date(e.getTime()); else if ("string" != typeof e && void 0 !== e.toFixed) l = new Date(e); else if ("string" == typeof e) { var d = n || (t || a).dateFormat, u = String(e).trim(); if ("today" === u) l = new Date, i = !0; else if (t && t.parseDate) l = t.parseDate(e, d); else if (/Z$/.test(u) || /GMT$/.test(u)) l = new Date(e); else { for (var f = void 0, m = [], g = 0, p = 0, h = ""; g < d.length; g++) { var w = d[g], b = "\\" === w, C = "\\" === d[g - 1] || b; if (D[w] && !C) { h += D[w]; var M = new RegExp(h).exec(e); M && (f = !0) && m["Y" !== w ? "push" : "unshift"]({ fn: v[w], val: M[++p] }) } else b || (h += ".") } l = t && t.noCalendar ? new Date((new Date).setHours(0, 0, 0, 0)) : new Date((new Date).getFullYear(), 0, 1, 0, 0, 0, 0), m.forEach((function (e) { var n = e.fn, t = e.val; return l = n(l, t, c) || l })), l = f ? l : void 0 } } if (l instanceof Date && !isNaN(l.getTime())) return !0 === i && l.setHours(0, 0, 0, 0), l; t.errorHandler(new Error("Invalid date provided: " + s)) } } }; function M(e, n, t) { return void 0 === t && (t = !0), !1 !== t ? new Date(e.getTime()).setHours(0, 0, 0, 0) - new Date(n.getTime()).setHours(0, 0, 0, 0) : e.getTime() - n.getTime() } var y = function (e, n, t) { return 3600 * e + 60 * n + t }, x = 864e5; function E(e) { var n = e.defaultHour, t = e.defaultMinute, a = e.defaultSeconds; if (void 0 !== e.minDate) { var i = e.minDate.getHours(), o = e.minDate.getMinutes(), r = e.minDate.getSeconds(); n < i && (n = i), n === i && t < o && (t = o), n === i && t === o && a < r && (a = e.minDate.getSeconds()) } if (void 0 !== e.maxDate) { var l = e.maxDate.getHours(), c = e.maxDate.getMinutes(); (n = Math.min(n, l)) === l && (t = Math.min(c, t)), n === l && t === c && (a = e.maxDate.getSeconds()) } return { hours: n, minutes: t, seconds: a } } "function" != typeof Object.assign && (Object.assign = function (e) { for (var n = [], t = 1; t < arguments.length; t++)n[t - 1] = arguments[t]; if (!e) throw TypeError("Cannot convert undefined or null to object"); for (var a = function (n) { n && Object.keys(n).forEach((function (t) { return e[t] = n[t] })) }, i = 0, o = n; i < o.length; i++) { var r = o[i]; a(r) } return e }); function k(p, v) { var w = { config: e(e({}, a), I.defaultConfig), l10n: i }; function k() { var e; return (null === (e = w.calendarContainer) || void 0 === e ? void 0 : e.getRootNode()).activeElement || document.activeElement } function T(e) { return e.bind(w) } function S() { var e = w.config; !1 === e.weekNumbers && 1 === e.showMonths || !0 !== e.noCalendar && window.requestAnimationFrame((function () { if (void 0 !== w.calendarContainer && (w.calendarContainer.style.visibility = "hidden", w.calendarContainer.style.display = "block"), void 0 !== w.daysContainer) { var n = (w.days.offsetWidth + 1) * e.showMonths; w.daysContainer.style.width = n + "px", w.calendarContainer.style.width = n + (void 0 !== w.weekWrapper ? w.weekWrapper.offsetWidth : 0) + "px", w.calendarContainer.style.removeProperty("visibility"), w.calendarContainer.style.removeProperty("display") } })) } function _(e) { if (0 === w.selectedDates.length) { var n = void 0 === w.config.minDate || M(new Date, w.config.minDate) >= 0 ? new Date : new Date(w.config.minDate.getTime()), t = E(w.config); n.setHours(t.hours, t.minutes, t.seconds, n.getMilliseconds()), w.selectedDates = [n], w.latestSelectedDateObj = n } void 0 !== e && "blur" !== e.type && function (e) { e.preventDefault(); var n = "keydown" === e.type, t = g(e), a = t; void 0 !== w.amPM && t === w.amPM && (w.amPM.textContent = w.l10n.amPM[r(w.amPM.textContent === w.l10n.amPM[0])]); var i = parseFloat(a.getAttribute("min")), l = parseFloat(a.getAttribute("max")), c = parseFloat(a.getAttribute("step")), s = parseInt(a.value, 10), d = e.delta || (n ? 38 === e.which ? 1 : -1 : 0), u = s + c * d; if (void 0 !== a.value && 2 === a.value.length) { var f = a === w.hourElement, m = a === w.minuteElement; u < i ? (u = l + u + r(!f) + (r(f) && r(!w.amPM)), m && L(void 0, -1, w.hourElement)) : u > l && (u = a === w.hourElement ? u - l - r(!w.amPM) : i, m && L(void 0, 1, w.hourElement)), w.amPM && f && (1 === c ? u + s === 23 : Math.abs(u - s) > c) && (w.amPM.textContent = w.l10n.amPM[r(w.amPM.textContent === w.l10n.amPM[0])]), a.value = o(u) } }(e); var a = w._input.value; O(), ye(), w._input.value !== a && w._debouncedChange() } function O() { if (void 0 !== w.hourElement && void 0 !== w.minuteElement) { var e, n, t = (parseInt(w.hourElement.value.slice(-2), 10) || 0) % 24, a = (parseInt(w.minuteElement.value, 10) || 0) % 60, i = void 0 !== w.secondElement ? (parseInt(w.secondElement.value, 10) || 0) % 60 : 0; void 0 !== w.amPM && (e = t, n = w.amPM.textContent, t = e % 12 + 12 * r(n === w.l10n.amPM[1])); var o = void 0 !== w.config.minTime || w.config.minDate && w.minDateHasTime && w.latestSelectedDateObj && 0 === M(w.latestSelectedDateObj, w.config.minDate, !0), l = void 0 !== w.config.maxTime || w.config.maxDate && w.maxDateHasTime && w.latestSelectedDateObj && 0 === M(w.latestSelectedDateObj, w.config.maxDate, !0); if (void 0 !== w.config.maxTime && void 0 !== w.config.minTime && w.config.minTime > w.config.maxTime) { var c = y(w.config.minTime.getHours(), w.config.minTime.getMinutes(), w.config.minTime.getSeconds()), s = y(w.config.maxTime.getHours(), w.config.maxTime.getMinutes(), w.config.maxTime.getSeconds()), d = y(t, a, i); if (d > s && d < c) { var u = function (e) { var n = Math.floor(e / 3600), t = (e - 3600 * n) / 60; return [n, t, e - 3600 * n - 60 * t] }(c); t = u[0], a = u[1], i = u[2] } } else { if (l) { var f = void 0 !== w.config.maxTime ? w.config.maxTime : w.config.maxDate; (t = Math.min(t, f.getHours())) === f.getHours() && (a = Math.min(a, f.getMinutes())), a === f.getMinutes() && (i = Math.min(i, f.getSeconds())) } if (o) { var m = void 0 !== w.config.minTime ? w.config.minTime : w.config.minDate; (t = Math.max(t, m.getHours())) === m.getHours() && a < m.getMinutes() && (a = m.getMinutes()), a === m.getMinutes() && (i = Math.max(i, m.getSeconds())) } } A(t, a, i) } } function F(e) { var n = e || w.latestSelectedDateObj; n && n instanceof Date && A(n.getHours(), n.getMinutes(), n.getSeconds()) } function A(e, n, t) { void 0 !== w.latestSelectedDateObj && w.latestSelectedDateObj.setHours(e % 24, n, t || 0, 0), w.hourElement && w.minuteElement && !w.isMobile && (w.hourElement.value = o(w.config.time_24hr ? e : (12 + e) % 12 + 12 * r(e % 12 == 0)), w.minuteElement.value = o(n), void 0 !== w.amPM && (w.amPM.textContent = w.l10n.amPM[r(e >= 12)]), void 0 !== w.secondElement && (w.secondElement.value = o(t))) } function N(e) { var n = g(e), t = parseInt(n.value) + (e.delta || 0); (t / 1e3 > 1 || "Enter" === e.key && !/[^\d]/.test(t.toString())) && ee(t) } function P(e, n, t, a) { return n instanceof Array ? n.forEach((function (n) { return P(e, n, t, a) })) : e instanceof Array ? e.forEach((function (e) { return P(e, n, t, a) })) : (e.addEventListener(n, t, a), void w._handlers.push({ remove: function () { return e.removeEventListener(n, t, a) } })) } function Y() { De("onChange") } function j(e, n) { var t = void 0 !== e ? w.parseDate(e) : w.latestSelectedDateObj || (w.config.minDate && w.config.minDate > w.now ? w.config.minDate : w.config.maxDate && w.config.maxDate < w.now ? w.config.maxDate : w.now), a = w.currentYear, i = w.currentMonth; try { void 0 !== t && (w.currentYear = t.getFullYear(), w.currentMonth = t.getMonth()) } catch (e) { e.message = "Invalid date supplied: " + t, w.config.errorHandler(e) } n && w.currentYear !== a && (De("onYearChange"), q()), !n || w.currentYear === a && w.currentMonth === i || De("onMonthChange"), w.redraw() } function H(e) { var n = g(e); ~n.className.indexOf("arrow") && L(e, n.classList.contains("arrowUp") ? 1 : -1) } function L(e, n, t) { var a = e && g(e), i = t || a && a.parentNode && a.parentNode.firstChild, o = we("increment"); o.delta = n, i && i.dispatchEvent(o) } function R(e, n, t, a) { var i = ne(n, !0), o = d("span", e, n.getDate().toString()); return o.dateObj = n, o.$i = a, o.setAttribute("aria-label", w.formatDate(n, w.config.ariaDateFormat)), -1 === e.indexOf("hidden") && 0 === M(n, w.now) && (w.todayDateElem = o, o.classList.add("today"), o.setAttribute("aria-current", "date")), i ? (o.tabIndex = -1, be(n) && (o.classList.add("selected"), w.selectedDateElem = o, "range" === w.config.mode && (s(o, "startRange", w.selectedDates[0] && 0 === M(n, w.selectedDates[0], !0)), s(o, "endRange", w.selectedDates[1] && 0 === M(n, w.selectedDates[1], !0)), "nextMonthDay" === e && o.classList.add("inRange")))) : o.classList.add("flatpickr-disabled"), "range" === w.config.mode && function (e) { return !("range" !== w.config.mode || w.selectedDates.length < 2) && (M(e, w.selectedDates[0]) >= 0 && M(e, w.selectedDates[1]) <= 0) }(n) && !be(n) && o.classList.add("inRange"), w.weekNumbers && 1 === w.config.showMonths && "prevMonthDay" !== e && a % 7 == 6 && w.weekNumbers.insertAdjacentHTML("beforeend", "" + w.config.getWeek(n) + ""), De("onDayCreate", o), o } function W(e) { e.focus(), "range" === w.config.mode && oe(e) } function B(e) { for (var n = e > 0 ? 0 : w.config.showMonths - 1, t = e > 0 ? w.config.showMonths : -1, a = n; a != t; a += e)for (var i = w.daysContainer.children[a], o = e > 0 ? 0 : i.children.length - 1, r = e > 0 ? i.children.length : -1, l = o; l != r; l += e) { var c = i.children[l]; if (-1 === c.className.indexOf("hidden") && ne(c.dateObj)) return c } } function J(e, n) { var t = k(), a = te(t || document.body), i = void 0 !== e ? e : a ? t : void 0 !== w.selectedDateElem && te(w.selectedDateElem) ? w.selectedDateElem : void 0 !== w.todayDateElem && te(w.todayDateElem) ? w.todayDateElem : B(n > 0 ? 1 : -1); void 0 === i ? w._input.focus() : a ? function (e, n) { for (var t = -1 === e.className.indexOf("Month") ? e.dateObj.getMonth() : w.currentMonth, a = n > 0 ? w.config.showMonths : -1, i = n > 0 ? 1 : -1, o = t - w.currentMonth; o != a; o += i)for (var r = w.daysContainer.children[o], l = t - w.currentMonth === o ? e.$i + n : n < 0 ? r.children.length - 1 : 0, c = r.children.length, s = l; s >= 0 && s < c && s != (n > 0 ? c : -1); s += i) { var d = r.children[s]; if (-1 === d.className.indexOf("hidden") && ne(d.dateObj) && Math.abs(e.$i - s) >= Math.abs(n)) return W(d) } w.changeMonth(i), J(B(i), 0) }(i, n) : W(i) } function K(e, n) { for (var t = (new Date(e, n, 1).getDay() - w.l10n.firstDayOfWeek + 7) % 7, a = w.utils.getDaysInMonth((n - 1 + 12) % 12, e), i = w.utils.getDaysInMonth(n, e), o = window.document.createDocumentFragment(), r = w.config.showMonths > 1, l = r ? "prevMonthDay hidden" : "prevMonthDay", c = r ? "nextMonthDay hidden" : "nextMonthDay", s = a + 1 - t, u = 0; s <= a; s++, u++)o.appendChild(R("flatpickr-day " + l, new Date(e, n - 1, s), 0, u)); for (s = 1; s <= i; s++, u++)o.appendChild(R("flatpickr-day", new Date(e, n, s), 0, u)); for (var f = i + 1; f <= 42 - t && (1 === w.config.showMonths || u % 7 != 0); f++, u++)o.appendChild(R("flatpickr-day " + c, new Date(e, n + 1, f % i), 0, u)); var m = d("div", "dayContainer"); return m.appendChild(o), m } function U() { if (void 0 !== w.daysContainer) { u(w.daysContainer), w.weekNumbers && u(w.weekNumbers); for (var e = document.createDocumentFragment(), n = 0; n < w.config.showMonths; n++) { var t = new Date(w.currentYear, w.currentMonth, 1); t.setMonth(w.currentMonth + n), e.appendChild(K(t.getFullYear(), t.getMonth())) } w.daysContainer.appendChild(e), w.days = w.daysContainer.firstChild, "range" === w.config.mode && 1 === w.selectedDates.length && oe() } } function q() { if (!(w.config.showMonths > 1 || "dropdown" !== w.config.monthSelectorType)) { var e = function (e) { return !(void 0 !== w.config.minDate && w.currentYear === w.config.minDate.getFullYear() && e < w.config.minDate.getMonth()) && !(void 0 !== w.config.maxDate && w.currentYear === w.config.maxDate.getFullYear() && e > w.config.maxDate.getMonth()) }; w.monthsDropdownContainer.tabIndex = -1, w.monthsDropdownContainer.innerHTML = ""; for (var n = 0; n < 12; n++)if (e(n)) { var t = d("option", "flatpickr-monthDropdown-month"); t.value = new Date(w.currentYear, n).getMonth().toString(), t.textContent = h(n, w.config.shorthandCurrentMonth, w.l10n), t.tabIndex = -1, w.currentMonth === n && (t.selected = !0), w.monthsDropdownContainer.appendChild(t) } } } function $() { var e, n = d("div", "flatpickr-month"), t = window.document.createDocumentFragment(); w.config.showMonths > 1 || "static" === w.config.monthSelectorType ? e = d("span", "cur-month") : (w.monthsDropdownContainer = d("select", "flatpickr-monthDropdown-months"), w.monthsDropdownContainer.setAttribute("aria-label", w.l10n.monthAriaLabel), P(w.monthsDropdownContainer, "change", (function (e) { var n = g(e), t = parseInt(n.value, 10); w.changeMonth(t - w.currentMonth), De("onMonthChange") })), q(), e = w.monthsDropdownContainer); var a = m("cur-year", { tabindex: "-1" }), i = a.getElementsByTagName("input")[0]; i.setAttribute("aria-label", w.l10n.yearAriaLabel), w.config.minDate && i.setAttribute("min", w.config.minDate.getFullYear().toString()), w.config.maxDate && (i.setAttribute("max", w.config.maxDate.getFullYear().toString()), i.disabled = !!w.config.minDate && w.config.minDate.getFullYear() === w.config.maxDate.getFullYear()); var o = d("div", "flatpickr-current-month"); return o.appendChild(e), o.appendChild(a), t.appendChild(o), n.appendChild(t), { container: n, yearElement: i, monthElement: e } } function V() { u(w.monthNav), w.monthNav.appendChild(w.prevMonthNav), w.config.showMonths && (w.yearElements = [], w.monthElements = []); for (var e = w.config.showMonths; e--;) { var n = $(); w.yearElements.push(n.yearElement), w.monthElements.push(n.monthElement), w.monthNav.appendChild(n.container) } w.monthNav.appendChild(w.nextMonthNav) } function z() { w.weekdayContainer ? u(w.weekdayContainer) : w.weekdayContainer = d("div", "flatpickr-weekdays"); for (var e = w.config.showMonths; e--;) { var n = d("div", "flatpickr-weekdaycontainer"); w.weekdayContainer.appendChild(n) } return G(), w.weekdayContainer } function G() { if (w.weekdayContainer) { var e = w.l10n.firstDayOfWeek, t = n(w.l10n.weekdays.shorthand); e > 0 && e < t.length && (t = n(t.splice(e, t.length), t.splice(0, e))); for (var a = w.config.showMonths; a--;)w.weekdayContainer.children[a].innerHTML = "\n \n " + t.join("") + "\n \n " } } function Z(e, n) { void 0 === n && (n = !0); var t = n ? e : e - w.currentMonth; t < 0 && !0 === w._hidePrevMonthArrow || t > 0 && !0 === w._hideNextMonthArrow || (w.currentMonth += t, (w.currentMonth < 0 || w.currentMonth > 11) && (w.currentYear += w.currentMonth > 11 ? 1 : -1, w.currentMonth = (w.currentMonth + 12) % 12, De("onYearChange"), q()), U(), De("onMonthChange"), Ce()) } function Q(e) { return w.calendarContainer.contains(e) } function X(e) { if (w.isOpen && !w.config.inline) { var n = g(e), t = Q(n), a = !(n === w.input || n === w.altInput || w.element.contains(n) || e.path && e.path.indexOf && (~e.path.indexOf(w.input) || ~e.path.indexOf(w.altInput))) && !t && !Q(e.relatedTarget), i = !w.config.ignoredFocusElements.some((function (e) { return e.contains(n) })); a && i && (w.config.allowInput && w.setDate(w._input.value, !1, w.config.altInput ? w.config.altFormat : w.config.dateFormat), void 0 !== w.timeContainer && void 0 !== w.minuteElement && void 0 !== w.hourElement && "" !== w.input.value && void 0 !== w.input.value && _(), w.close(), w.config && "range" === w.config.mode && 1 === w.selectedDates.length && w.clear(!1)) } } function ee(e) { if (!(!e || w.config.minDate && e < w.config.minDate.getFullYear() || w.config.maxDate && e > w.config.maxDate.getFullYear())) { var n = e, t = w.currentYear !== n; w.currentYear = n || w.currentYear, w.config.maxDate && w.currentYear === w.config.maxDate.getFullYear() ? w.currentMonth = Math.min(w.config.maxDate.getMonth(), w.currentMonth) : w.config.minDate && w.currentYear === w.config.minDate.getFullYear() && (w.currentMonth = Math.max(w.config.minDate.getMonth(), w.currentMonth)), t && (w.redraw(), De("onYearChange"), q()) } } function ne(e, n) { var t; void 0 === n && (n = !0); var a = w.parseDate(e, void 0, n); if (w.config.minDate && a && M(a, w.config.minDate, void 0 !== n ? n : !w.minDateHasTime) < 0 || w.config.maxDate && a && M(a, w.config.maxDate, void 0 !== n ? n : !w.maxDateHasTime) > 0) return !1; if (!w.config.enable && 0 === w.config.disable.length) return !0; if (void 0 === a) return !1; for (var i = !!w.config.enable, o = null !== (t = w.config.enable) && void 0 !== t ? t : w.config.disable, r = 0, l = void 0; r < o.length; r++) { if ("function" == typeof (l = o[r]) && l(a)) return i; if (l instanceof Date && void 0 !== a && l.getTime() === a.getTime()) return i; if ("string" == typeof l) { var c = w.parseDate(l, void 0, !0); return c && c.getTime() === a.getTime() ? i : !i } if ("object" == typeof l && void 0 !== a && l.from && l.to && a.getTime() >= l.from.getTime() && a.getTime() <= l.to.getTime()) return i } return !i } function te(e) { return void 0 !== w.daysContainer && (-1 === e.className.indexOf("hidden") && -1 === e.className.indexOf("flatpickr-disabled") && w.daysContainer.contains(e)) } function ae(e) { var n = e.target === w._input, t = w._input.value.trimEnd() !== Me(); !n || !t || e.relatedTarget && Q(e.relatedTarget) || w.setDate(w._input.value, !0, e.target === w.altInput ? w.config.altFormat : w.config.dateFormat) } function ie(e) { var n = g(e), t = w.config.wrap ? p.contains(n) : n === w._input, a = w.config.allowInput, i = w.isOpen && (!a || !t), o = w.config.inline && t && !a; if (13 === e.keyCode && t) { if (a) return w.setDate(w._input.value, !0, n === w.altInput ? w.config.altFormat : w.config.dateFormat), w.close(), n.blur(); w.open() } else if (Q(n) || i || o) { var r = !!w.timeContainer && w.timeContainer.contains(n); switch (e.keyCode) { case 13: r ? (e.preventDefault(), _(), fe()) : me(e); break; case 27: e.preventDefault(), fe(); break; case 8: case 46: t && !w.config.allowInput && (e.preventDefault(), w.clear()); break; case 37: case 39: if (r || t) w.hourElement && w.hourElement.focus(); else { e.preventDefault(); var l = k(); if (void 0 !== w.daysContainer && (!1 === a || l && te(l))) { var c = 39 === e.keyCode ? 1 : -1; e.ctrlKey ? (e.stopPropagation(), Z(c), J(B(1), 0)) : J(void 0, c) } } break; case 38: case 40: e.preventDefault(); var s = 40 === e.keyCode ? 1 : -1; w.daysContainer && void 0 !== n.$i || n === w.input || n === w.altInput ? e.ctrlKey ? (e.stopPropagation(), ee(w.currentYear - s), J(B(1), 0)) : r || J(void 0, 7 * s) : n === w.currentYearElement ? ee(w.currentYear - s) : w.config.enableTime && (!r && w.hourElement && w.hourElement.focus(), _(e), w._debouncedChange()); break; case 9: if (r) { var d = [w.hourElement, w.minuteElement, w.secondElement, w.amPM].concat(w.pluginElements).filter((function (e) { return e })), u = d.indexOf(n); if (-1 !== u) { var f = d[u + (e.shiftKey ? -1 : 1)]; e.preventDefault(), (f || w._input).focus() } } else !w.config.noCalendar && w.daysContainer && w.daysContainer.contains(n) && e.shiftKey && (e.preventDefault(), w._input.focus()) } } if (void 0 !== w.amPM && n === w.amPM) switch (e.key) { case w.l10n.amPM[0].charAt(0): case w.l10n.amPM[0].charAt(0).toLowerCase(): w.amPM.textContent = w.l10n.amPM[0], O(), ye(); break; case w.l10n.amPM[1].charAt(0): case w.l10n.amPM[1].charAt(0).toLowerCase(): w.amPM.textContent = w.l10n.amPM[1], O(), ye() }(t || Q(n)) && De("onKeyDown", e) } function oe(e, n) { if (void 0 === n && (n = "flatpickr-day"), 1 === w.selectedDates.length && (!e || e.classList.contains(n) && !e.classList.contains("flatpickr-disabled"))) { for (var t = e ? e.dateObj.getTime() : w.days.firstElementChild.dateObj.getTime(), a = w.parseDate(w.selectedDates[0], void 0, !0).getTime(), i = Math.min(t, w.selectedDates[0].getTime()), o = Math.max(t, w.selectedDates[0].getTime()), r = !1, l = 0, c = 0, s = i; s < o; s += x)ne(new Date(s), !0) || (r = r || s > i && s < o, s < a && (!l || s > l) ? l = s : s > a && (!c || s < c) && (c = s)); Array.from(w.rContainer.querySelectorAll("*:nth-child(-n+" + w.config.showMonths + ") > ." + n)).forEach((function (n) { var i, o, s, d = n.dateObj.getTime(), u = l > 0 && d < l || c > 0 && d > c; if (u) return n.classList.add("notAllowed"), void ["inRange", "startRange", "endRange"].forEach((function (e) { n.classList.remove(e) })); r && !u || (["startRange", "inRange", "endRange", "notAllowed"].forEach((function (e) { n.classList.remove(e) })), void 0 !== e && (e.classList.add(t <= w.selectedDates[0].getTime() ? "startRange" : "endRange"), a < t && d === a ? n.classList.add("startRange") : a > t && d === a && n.classList.add("endRange"), d >= l && (0 === c || d <= c) && (o = a, s = t, (i = d) > Math.min(o, s) && i < Math.max(o, s)) && n.classList.add("inRange"))) })) } } function re() { !w.isOpen || w.config.static || w.config.inline || de() } function le(e) { return function (n) { var t = w.config["_" + e + "Date"] = w.parseDate(n, w.config.dateFormat), a = w.config["_" + ("min" === e ? "max" : "min") + "Date"]; void 0 !== t && (w["min" === e ? "minDateHasTime" : "maxDateHasTime"] = t.getHours() > 0 || t.getMinutes() > 0 || t.getSeconds() > 0), w.selectedDates && (w.selectedDates = w.selectedDates.filter((function (e) { return ne(e) })), w.selectedDates.length || "min" !== e || F(t), ye()), w.daysContainer && (ue(), void 0 !== t ? w.currentYearElement[e] = t.getFullYear().toString() : w.currentYearElement.removeAttribute(e), w.currentYearElement.disabled = !!a && void 0 !== t && a.getFullYear() === t.getFullYear()) } } function ce() { return w.config.wrap ? p.querySelector("[data-input]") : p } function se() { "object" != typeof w.config.locale && void 0 === I.l10ns[w.config.locale] && w.config.errorHandler(new Error("flatpickr: invalid locale " + w.config.locale)), w.l10n = e(e({}, I.l10ns.default), "object" == typeof w.config.locale ? w.config.locale : "default" !== w.config.locale ? I.l10ns[w.config.locale] : void 0), D.D = "(" + w.l10n.weekdays.shorthand.join("|") + ")", D.l = "(" + w.l10n.weekdays.longhand.join("|") + ")", D.M = "(" + w.l10n.months.shorthand.join("|") + ")", D.F = "(" + w.l10n.months.longhand.join("|") + ")", D.K = "(" + w.l10n.amPM[0] + "|" + w.l10n.amPM[1] + "|" + w.l10n.amPM[0].toLowerCase() + "|" + w.l10n.amPM[1].toLowerCase() + ")", void 0 === e(e({}, v), JSON.parse(JSON.stringify(p.dataset || {}))).time_24hr && void 0 === I.defaultConfig.time_24hr && (w.config.time_24hr = w.l10n.time_24hr), w.formatDate = b(w), w.parseDate = C({ config: w.config, l10n: w.l10n }) } function de(e) { if ("function" != typeof w.config.position) { if (void 0 !== w.calendarContainer) { De("onPreCalendarPosition"); var n = e || w._positionElement, t = Array.prototype.reduce.call(w.calendarContainer.children, (function (e, n) { return e + n.offsetHeight }), 0), a = w.calendarContainer.offsetWidth, i = w.config.position.split(" "), o = i[0], r = i.length > 1 ? i[1] : null, l = n.getBoundingClientRect(), c = window.innerHeight - l.bottom, d = "above" === o || "below" !== o && c < t && l.top > t, u = window.pageYOffset + l.top + (d ? -t - 2 : n.offsetHeight + 2); if (s(w.calendarContainer, "arrowTop", !d), s(w.calendarContainer, "arrowBottom", d), !w.config.inline) { var f = window.pageXOffset + l.left, m = !1, g = !1; "center" === r ? (f -= (a - l.width) / 2, m = !0) : "right" === r && (f -= a - l.width, g = !0), s(w.calendarContainer, "arrowLeft", !m && !g), s(w.calendarContainer, "arrowCenter", m), s(w.calendarContainer, "arrowRight", g); var p = window.document.body.offsetWidth - (window.pageXOffset + l.right), h = f + a > window.document.body.offsetWidth, v = p + a > window.document.body.offsetWidth; if (s(w.calendarContainer, "rightMost", h), !w.config.static) if (w.calendarContainer.style.top = u + "px", h) if (v) { var D = function () { for (var e = null, n = 0; n < document.styleSheets.length; n++) { var t = document.styleSheets[n]; if (t.cssRules) { try { t.cssRules } catch (e) { continue } e = t; break } } return null != e ? e : (a = document.createElement("style"), document.head.appendChild(a), a.sheet); var a }(); if (void 0 === D) return; var b = window.document.body.offsetWidth, C = Math.max(0, b / 2 - a / 2), M = D.cssRules.length, y = "{left:" + l.left + "px;right:auto;}"; s(w.calendarContainer, "rightMost", !1), s(w.calendarContainer, "centerMost", !0), D.insertRule(".flatpickr-calendar.centerMost:before,.flatpickr-calendar.centerMost:after" + y, M), w.calendarContainer.style.left = C + "px", w.calendarContainer.style.right = "auto" } else w.calendarContainer.style.left = "auto", w.calendarContainer.style.right = p + "px"; else w.calendarContainer.style.left = f + "px", w.calendarContainer.style.right = "auto" } } } else w.config.position(w, e) } function ue() { w.config.noCalendar || w.isMobile || (q(), Ce(), U()) } function fe() { w._input.focus(), -1 !== window.navigator.userAgent.indexOf("MSIE") || void 0 !== navigator.msMaxTouchPoints ? setTimeout(w.close, 0) : w.close() } function me(e) { e.preventDefault(), e.stopPropagation(); var n = f(g(e), (function (e) { return e.classList && e.classList.contains("flatpickr-day") && !e.classList.contains("flatpickr-disabled") && !e.classList.contains("notAllowed") })); if (void 0 !== n) { var t = n, a = w.latestSelectedDateObj = new Date(t.dateObj.getTime()), i = (a.getMonth() < w.currentMonth || a.getMonth() > w.currentMonth + w.config.showMonths - 1) && "range" !== w.config.mode; if (w.selectedDateElem = t, "single" === w.config.mode) w.selectedDates = [a]; else if ("multiple" === w.config.mode) { var o = be(a); o ? w.selectedDates.splice(parseInt(o), 1) : w.selectedDates.push(a) } else "range" === w.config.mode && (2 === w.selectedDates.length && w.clear(!1, !1), w.latestSelectedDateObj = a, w.selectedDates.push(a), 0 !== M(a, w.selectedDates[0], !0) && w.selectedDates.sort((function (e, n) { return e.getTime() - n.getTime() }))); if (O(), i) { var r = w.currentYear !== a.getFullYear(); w.currentYear = a.getFullYear(), w.currentMonth = a.getMonth(), r && (De("onYearChange"), q()), De("onMonthChange") } if (Ce(), U(), ye(), i || "range" === w.config.mode || 1 !== w.config.showMonths ? void 0 !== w.selectedDateElem && void 0 === w.hourElement && w.selectedDateElem && w.selectedDateElem.focus() : W(t), void 0 !== w.hourElement && void 0 !== w.hourElement && w.hourElement.focus(), w.config.closeOnSelect) { var l = "single" === w.config.mode && !w.config.enableTime, c = "range" === w.config.mode && 2 === w.selectedDates.length && !w.config.enableTime; (l || c) && fe() } Y() } } w.parseDate = C({ config: w.config, l10n: w.l10n }), w._handlers = [], w.pluginElements = [], w.loadedPlugins = [], w._bind = P, w._setHoursFromDate = F, w._positionCalendar = de, w.changeMonth = Z, w.changeYear = ee, w.clear = function (e, n) { void 0 === e && (e = !0); void 0 === n && (n = !0); w.input.value = "", void 0 !== w.altInput && (w.altInput.value = ""); void 0 !== w.mobileInput && (w.mobileInput.value = ""); w.selectedDates = [], w.latestSelectedDateObj = void 0, !0 === n && (w.currentYear = w._initialDate.getFullYear(), w.currentMonth = w._initialDate.getMonth()); if (!0 === w.config.enableTime) { var t = E(w.config), a = t.hours, i = t.minutes, o = t.seconds; A(a, i, o) } w.redraw(), e && De("onChange") }, w.close = function () { w.isOpen = !1, w.isMobile || (void 0 !== w.calendarContainer && w.calendarContainer.classList.remove("open"), void 0 !== w._input && w._input.classList.remove("active")); De("onClose") }, w.onMouseOver = oe, w._createElement = d, w.createDay = R, w.destroy = function () { void 0 !== w.config && De("onDestroy"); for (var e = w._handlers.length; e--;)w._handlers[e].remove(); if (w._handlers = [], w.mobileInput) w.mobileInput.parentNode && w.mobileInput.parentNode.removeChild(w.mobileInput), w.mobileInput = void 0; else if (w.calendarContainer && w.calendarContainer.parentNode) if (w.config.static && w.calendarContainer.parentNode) { var n = w.calendarContainer.parentNode; if (n.lastChild && n.removeChild(n.lastChild), n.parentNode) { for (; n.firstChild;)n.parentNode.insertBefore(n.firstChild, n); n.parentNode.removeChild(n) } } else w.calendarContainer.parentNode.removeChild(w.calendarContainer); w.altInput && (w.input.type = "text", w.altInput.parentNode && w.altInput.parentNode.removeChild(w.altInput), delete w.altInput); w.input && (w.input.type = w.input._type, w.input.classList.remove("flatpickr-input"), w.input.removeAttribute("readonly"));["_showTimeInput", "latestSelectedDateObj", "_hideNextMonthArrow", "_hidePrevMonthArrow", "__hideNextMonthArrow", "__hidePrevMonthArrow", "isMobile", "isOpen", "selectedDateElem", "minDateHasTime", "maxDateHasTime", "days", "daysContainer", "_input", "_positionElement", "innerContainer", "rContainer", "monthNav", "todayDateElem", "calendarContainer", "weekdayContainer", "prevMonthNav", "nextMonthNav", "monthsDropdownContainer", "currentMonthElement", "currentYearElement", "navigationCurrentMonth", "selectedDateElem", "config"].forEach((function (e) { try { delete w[e] } catch (e) { } })) }, w.isEnabled = ne, w.jumpToDate = j, w.updateValue = ye, w.open = function (e, n) { void 0 === n && (n = w._positionElement); if (!0 === w.isMobile) { if (e) { e.preventDefault(); var t = g(e); t && t.blur() } return void 0 !== w.mobileInput && (w.mobileInput.focus(), w.mobileInput.click()), void De("onOpen") } if (w._input.disabled || w.config.inline) return; var a = w.isOpen; w.isOpen = !0, a || (w.calendarContainer.classList.add("open"), w._input.classList.add("active"), De("onOpen"), de(n)); !0 === w.config.enableTime && !0 === w.config.noCalendar && (!1 !== w.config.allowInput || void 0 !== e && w.timeContainer.contains(e.relatedTarget) || setTimeout((function () { return w.hourElement.select() }), 50)) }, w.redraw = ue, w.set = function (e, n) { if (null !== e && "object" == typeof e) for (var a in Object.assign(w.config, e), e) void 0 !== ge[a] && ge[a].forEach((function (e) { return e() })); else w.config[e] = n, void 0 !== ge[e] ? ge[e].forEach((function (e) { return e() })) : t.indexOf(e) > -1 && (w.config[e] = c(n)); w.redraw(), ye(!0) }, w.setDate = function (e, n, t) { void 0 === n && (n = !1); void 0 === t && (t = w.config.dateFormat); if (0 !== e && !e || e instanceof Array && 0 === e.length) return w.clear(n); pe(e, t), w.latestSelectedDateObj = w.selectedDates[w.selectedDates.length - 1], w.redraw(), j(void 0, n), F(), 0 === w.selectedDates.length && w.clear(!1); ye(n), n && De("onChange") }, w.toggle = function (e) { if (!0 === w.isOpen) return w.close(); w.open(e) }; var ge = { locale: [se, G], showMonths: [V, S, z], minDate: [j], maxDate: [j], positionElement: [ve], clickOpens: [function () { !0 === w.config.clickOpens ? (P(w._input, "focus", w.open), P(w._input, "click", w.open)) : (w._input.removeEventListener("focus", w.open), w._input.removeEventListener("click", w.open)) }] }; function pe(e, n) { var t = []; if (e instanceof Array) t = e.map((function (e) { return w.parseDate(e, n) })); else if (e instanceof Date || "number" == typeof e) t = [w.parseDate(e, n)]; else if ("string" == typeof e) switch (w.config.mode) { case "single": case "time": t = [w.parseDate(e, n)]; break; case "multiple": t = e.split(w.config.conjunction).map((function (e) { return w.parseDate(e, n) })); break; case "range": t = e.split(w.l10n.rangeSeparator).map((function (e) { return w.parseDate(e, n) })) } else w.config.errorHandler(new Error("Invalid date supplied: " + JSON.stringify(e))); w.selectedDates = w.config.allowInvalidPreload ? t : t.filter((function (e) { return e instanceof Date && ne(e, !1) })), "range" === w.config.mode && w.selectedDates.sort((function (e, n) { return e.getTime() - n.getTime() })) } function he(e) { return e.slice().map((function (e) { return "string" == typeof e || "number" == typeof e || e instanceof Date ? w.parseDate(e, void 0, !0) : e && "object" == typeof e && e.from && e.to ? { from: w.parseDate(e.from, void 0), to: w.parseDate(e.to, void 0) } : e })).filter((function (e) { return e })) } function ve() { w._positionElement = w.config.positionElement || w._input } function De(e, n) { if (void 0 !== w.config) { var t = w.config[e]; if (void 0 !== t && t.length > 0) for (var a = 0; t[a] && a < t.length; a++)t[a](w.selectedDates, w.input.value, w, n); "onChange" === e && (w.input.dispatchEvent(we("change")), w.input.dispatchEvent(we("input"))) } } function we(e) { var n = document.createEvent("Event"); return n.initEvent(e, !0, !0), n } function be(e) { for (var n = 0; n < w.selectedDates.length; n++) { var t = w.selectedDates[n]; if (t instanceof Date && 0 === M(t, e)) return "" + n } return !1 } function Ce() { w.config.noCalendar || w.isMobile || !w.monthNav || (w.yearElements.forEach((function (e, n) { var t = new Date(w.currentYear, w.currentMonth, 1); t.setMonth(w.currentMonth + n), w.config.showMonths > 1 || "static" === w.config.monthSelectorType ? w.monthElements[n].textContent = h(t.getMonth(), w.config.shorthandCurrentMonth, w.l10n) + " " : w.monthsDropdownContainer.value = t.getMonth().toString(), e.value = t.getFullYear().toString() })), w._hidePrevMonthArrow = void 0 !== w.config.minDate && (w.currentYear === w.config.minDate.getFullYear() ? w.currentMonth <= w.config.minDate.getMonth() : w.currentYear < w.config.minDate.getFullYear()), w._hideNextMonthArrow = void 0 !== w.config.maxDate && (w.currentYear === w.config.maxDate.getFullYear() ? w.currentMonth + 1 > w.config.maxDate.getMonth() : w.currentYear > w.config.maxDate.getFullYear())) } function Me(e) { var n = e || (w.config.altInput ? w.config.altFormat : w.config.dateFormat); return w.selectedDates.map((function (e) { return w.formatDate(e, n) })).filter((function (e, n, t) { return "range" !== w.config.mode || w.config.enableTime || t.indexOf(e) === n })).join("range" !== w.config.mode ? w.config.conjunction : w.l10n.rangeSeparator) } function ye(e) { void 0 === e && (e = !0), void 0 !== w.mobileInput && w.mobileFormatStr && (w.mobileInput.value = void 0 !== w.latestSelectedDateObj ? w.formatDate(w.latestSelectedDateObj, w.mobileFormatStr) : ""), w.input.value = Me(w.config.dateFormat), void 0 !== w.altInput && (w.altInput.value = Me(w.config.altFormat)), !1 !== e && De("onValueUpdate") } function xe(e) { var n = g(e), t = w.prevMonthNav.contains(n), a = w.nextMonthNav.contains(n); t || a ? Z(t ? -1 : 1) : w.yearElements.indexOf(n) >= 0 ? n.select() : n.classList.contains("arrowUp") ? w.changeYear(w.currentYear + 1) : n.classList.contains("arrowDown") && w.changeYear(w.currentYear - 1) } return function () { w.element = w.input = p, w.isOpen = !1, function () { var n = ["wrap", "weekNumbers", "allowInput", "allowInvalidPreload", "clickOpens", "time_24hr", "enableTime", "noCalendar", "altInput", "shorthandCurrentMonth", "inline", "static", "enableSeconds", "disableMobile"], i = e(e({}, JSON.parse(JSON.stringify(p.dataset || {}))), v), o = {}; w.config.parseDate = i.parseDate, w.config.formatDate = i.formatDate, Object.defineProperty(w.config, "enable", { get: function () { return w.config._enable }, set: function (e) { w.config._enable = he(e) } }), Object.defineProperty(w.config, "disable", { get: function () { return w.config._disable }, set: function (e) { w.config._disable = he(e) } }); var r = "time" === i.mode; if (!i.dateFormat && (i.enableTime || r)) { var l = I.defaultConfig.dateFormat || a.dateFormat; o.dateFormat = i.noCalendar || r ? "H:i" + (i.enableSeconds ? ":S" : "") : l + " H:i" + (i.enableSeconds ? ":S" : "") } if (i.altInput && (i.enableTime || r) && !i.altFormat) { var s = I.defaultConfig.altFormat || a.altFormat; o.altFormat = i.noCalendar || r ? "h:i" + (i.enableSeconds ? ":S K" : " K") : s + " h:i" + (i.enableSeconds ? ":S" : "") + " K" } Object.defineProperty(w.config, "minDate", { get: function () { return w.config._minDate }, set: le("min") }), Object.defineProperty(w.config, "maxDate", { get: function () { return w.config._maxDate }, set: le("max") }); var d = function (e) { return function (n) { w.config["min" === e ? "_minTime" : "_maxTime"] = w.parseDate(n, "H:i:S") } }; Object.defineProperty(w.config, "minTime", { get: function () { return w.config._minTime }, set: d("min") }), Object.defineProperty(w.config, "maxTime", { get: function () { return w.config._maxTime }, set: d("max") }), "time" === i.mode && (w.config.noCalendar = !0, w.config.enableTime = !0); Object.assign(w.config, o, i); for (var u = 0; u < n.length; u++)w.config[n[u]] = !0 === w.config[n[u]] || "true" === w.config[n[u]]; t.filter((function (e) { return void 0 !== w.config[e] })).forEach((function (e) { w.config[e] = c(w.config[e] || []).map(T) })), w.isMobile = !w.config.disableMobile && !w.config.inline && "single" === w.config.mode && !w.config.disable.length && !w.config.enable && !w.config.weekNumbers && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); for (u = 0; u < w.config.plugins.length; u++) { var f = w.config.plugins[u](w) || {}; for (var m in f) t.indexOf(m) > -1 ? w.config[m] = c(f[m]).map(T).concat(w.config[m]) : void 0 === i[m] && (w.config[m] = f[m]) } i.altInputClass || (w.config.altInputClass = ce().className + " " + w.config.altInputClass); De("onParseConfig") }(), se(), function () { if (w.input = ce(), !w.input) return void w.config.errorHandler(new Error("Invalid input element specified")); w.input._type = w.input.type, w.input.type = "text", w.input.classList.add("flatpickr-input"), w._input = w.input, w.config.altInput && (w.altInput = d(w.input.nodeName, w.config.altInputClass), w._input = w.altInput, w.altInput.placeholder = w.input.placeholder, w.altInput.disabled = w.input.disabled, w.altInput.required = w.input.required, w.altInput.tabIndex = w.input.tabIndex, w.altInput.type = "text", w.input.setAttribute("type", "hidden"), !w.config.static && w.input.parentNode && w.input.parentNode.insertBefore(w.altInput, w.input.nextSibling)); w.config.allowInput || w._input.setAttribute("readonly", "readonly"); ve() }(), function () { w.selectedDates = [], w.now = w.parseDate(w.config.now) || new Date; var e = w.config.defaultDate || ("INPUT" !== w.input.nodeName && "TEXTAREA" !== w.input.nodeName || !w.input.placeholder || w.input.value !== w.input.placeholder ? w.input.value : null); e && pe(e, w.config.dateFormat); w._initialDate = w.selectedDates.length > 0 ? w.selectedDates[0] : w.config.minDate && w.config.minDate.getTime() > w.now.getTime() ? w.config.minDate : w.config.maxDate && w.config.maxDate.getTime() < w.now.getTime() ? w.config.maxDate : w.now, w.currentYear = w._initialDate.getFullYear(), w.currentMonth = w._initialDate.getMonth(), w.selectedDates.length > 0 && (w.latestSelectedDateObj = w.selectedDates[0]); void 0 !== w.config.minTime && (w.config.minTime = w.parseDate(w.config.minTime, "H:i")); void 0 !== w.config.maxTime && (w.config.maxTime = w.parseDate(w.config.maxTime, "H:i")); w.minDateHasTime = !!w.config.minDate && (w.config.minDate.getHours() > 0 || w.config.minDate.getMinutes() > 0 || w.config.minDate.getSeconds() > 0), w.maxDateHasTime = !!w.config.maxDate && (w.config.maxDate.getHours() > 0 || w.config.maxDate.getMinutes() > 0 || w.config.maxDate.getSeconds() > 0) }(), w.utils = { getDaysInMonth: function (e, n) { return void 0 === e && (e = w.currentMonth), void 0 === n && (n = w.currentYear), 1 === e && (n % 4 == 0 && n % 100 != 0 || n % 400 == 0) ? 29 : w.l10n.daysInMonth[e] } }, w.isMobile || function () { var e = window.document.createDocumentFragment(); if (w.calendarContainer = d("div", "flatpickr-calendar"), w.calendarContainer.tabIndex = -1, !w.config.noCalendar) { if (e.appendChild((w.monthNav = d("div", "flatpickr-months"), w.yearElements = [], w.monthElements = [], w.prevMonthNav = d("span", "flatpickr-prev-month"), w.prevMonthNav.innerHTML = w.config.prevArrow, w.nextMonthNav = d("span", "flatpickr-next-month"), w.nextMonthNav.innerHTML = w.config.nextArrow, V(), Object.defineProperty(w, "_hidePrevMonthArrow", { get: function () { return w.__hidePrevMonthArrow }, set: function (e) { w.__hidePrevMonthArrow !== e && (s(w.prevMonthNav, "flatpickr-disabled", e), w.__hidePrevMonthArrow = e) } }), Object.defineProperty(w, "_hideNextMonthArrow", { get: function () { return w.__hideNextMonthArrow }, set: function (e) { w.__hideNextMonthArrow !== e && (s(w.nextMonthNav, "flatpickr-disabled", e), w.__hideNextMonthArrow = e) } }), w.currentYearElement = w.yearElements[0], Ce(), w.monthNav)), w.innerContainer = d("div", "flatpickr-innerContainer"), w.config.weekNumbers) { var n = function () { w.calendarContainer.classList.add("hasWeeks"); var e = d("div", "flatpickr-weekwrapper"); e.appendChild(d("span", "flatpickr-weekday", w.l10n.weekAbbreviation)); var n = d("div", "flatpickr-weeks"); return e.appendChild(n), { weekWrapper: e, weekNumbers: n } }(), t = n.weekWrapper, a = n.weekNumbers; w.innerContainer.appendChild(t), w.weekNumbers = a, w.weekWrapper = t } w.rContainer = d("div", "flatpickr-rContainer"), w.rContainer.appendChild(z()), w.daysContainer || (w.daysContainer = d("div", "flatpickr-days"), w.daysContainer.tabIndex = -1), U(), w.rContainer.appendChild(w.daysContainer), w.innerContainer.appendChild(w.rContainer), e.appendChild(w.innerContainer) } w.config.enableTime && e.appendChild(function () { w.calendarContainer.classList.add("hasTime"), w.config.noCalendar && w.calendarContainer.classList.add("noCalendar"); var e = E(w.config); w.timeContainer = d("div", "flatpickr-time"), w.timeContainer.tabIndex = -1; var n = d("span", "flatpickr-time-separator", ":"), t = m("flatpickr-hour", { "aria-label": w.l10n.hourAriaLabel }); w.hourElement = t.getElementsByTagName("input")[0]; var a = m("flatpickr-minute", { "aria-label": w.l10n.minuteAriaLabel }); w.minuteElement = a.getElementsByTagName("input")[0], w.hourElement.tabIndex = w.minuteElement.tabIndex = -1, w.hourElement.value = o(w.latestSelectedDateObj ? w.latestSelectedDateObj.getHours() : w.config.time_24hr ? e.hours : function (e) { switch (e % 24) { case 0: case 12: return 12; default: return e % 12 } }(e.hours)), w.minuteElement.value = o(w.latestSelectedDateObj ? w.latestSelectedDateObj.getMinutes() : e.minutes), w.hourElement.setAttribute("step", w.config.hourIncrement.toString()), w.minuteElement.setAttribute("step", w.config.minuteIncrement.toString()), w.hourElement.setAttribute("min", w.config.time_24hr ? "0" : "1"), w.hourElement.setAttribute("max", w.config.time_24hr ? "23" : "12"), w.hourElement.setAttribute("maxlength", "2"), w.minuteElement.setAttribute("min", "0"), w.minuteElement.setAttribute("max", "59"), w.minuteElement.setAttribute("maxlength", "2"), w.timeContainer.appendChild(t), w.timeContainer.appendChild(n), w.timeContainer.appendChild(a), w.config.time_24hr && w.timeContainer.classList.add("time24hr"); if (w.config.enableSeconds) { w.timeContainer.classList.add("hasSeconds"); var i = m("flatpickr-second"); w.secondElement = i.getElementsByTagName("input")[0], w.secondElement.value = o(w.latestSelectedDateObj ? w.latestSelectedDateObj.getSeconds() : e.seconds), w.secondElement.setAttribute("step", w.minuteElement.getAttribute("step")), w.secondElement.setAttribute("min", "0"), w.secondElement.setAttribute("max", "59"), w.secondElement.setAttribute("maxlength", "2"), w.timeContainer.appendChild(d("span", "flatpickr-time-separator", ":")), w.timeContainer.appendChild(i) } w.config.time_24hr || (w.amPM = d("span", "flatpickr-am-pm", w.l10n.amPM[r((w.latestSelectedDateObj ? w.hourElement.value : w.config.defaultHour) > 11)]), w.amPM.title = w.l10n.toggleTitle, w.amPM.tabIndex = -1, w.timeContainer.appendChild(w.amPM)); return w.timeContainer }()); s(w.calendarContainer, "rangeMode", "range" === w.config.mode), s(w.calendarContainer, "animate", !0 === w.config.animate), s(w.calendarContainer, "multiMonth", w.config.showMonths > 1), w.calendarContainer.appendChild(e); var i = void 0 !== w.config.appendTo && void 0 !== w.config.appendTo.nodeType; if ((w.config.inline || w.config.static) && (w.calendarContainer.classList.add(w.config.inline ? "inline" : "static"), w.config.inline && (!i && w.element.parentNode ? w.element.parentNode.insertBefore(w.calendarContainer, w._input.nextSibling) : void 0 !== w.config.appendTo && w.config.appendTo.appendChild(w.calendarContainer)), w.config.static)) { var l = d("div", "flatpickr-wrapper"); w.element.parentNode && w.element.parentNode.insertBefore(l, w.element), l.appendChild(w.element), w.altInput && l.appendChild(w.altInput), l.appendChild(w.calendarContainer) } w.config.static || w.config.inline || (void 0 !== w.config.appendTo ? w.config.appendTo : window.document.body).appendChild(w.calendarContainer) }(), function () { w.config.wrap && ["open", "close", "toggle", "clear"].forEach((function (e) { Array.prototype.forEach.call(w.element.querySelectorAll("[data-" + e + "]"), (function (n) { return P(n, "click", w[e]) })) })); if (w.isMobile) return void function () { var e = w.config.enableTime ? w.config.noCalendar ? "time" : "datetime-local" : "date"; w.mobileInput = d("input", w.input.className + " flatpickr-mobile"), w.mobileInput.tabIndex = 1, w.mobileInput.type = e, w.mobileInput.disabled = w.input.disabled, w.mobileInput.required = w.input.required, w.mobileInput.placeholder = w.input.placeholder, w.mobileFormatStr = "datetime-local" === e ? "Y-m-d\\TH:i:S" : "date" === e ? "Y-m-d" : "H:i:S", w.selectedDates.length > 0 && (w.mobileInput.defaultValue = w.mobileInput.value = w.formatDate(w.selectedDates[0], w.mobileFormatStr)); w.config.minDate && (w.mobileInput.min = w.formatDate(w.config.minDate, "Y-m-d")); w.config.maxDate && (w.mobileInput.max = w.formatDate(w.config.maxDate, "Y-m-d")); w.input.getAttribute("step") && (w.mobileInput.step = String(w.input.getAttribute("step"))); w.input.type = "hidden", void 0 !== w.altInput && (w.altInput.type = "hidden"); try { w.input.parentNode && w.input.parentNode.insertBefore(w.mobileInput, w.input.nextSibling) } catch (e) { } P(w.mobileInput, "change", (function (e) { w.setDate(g(e).value, !1, w.mobileFormatStr), De("onChange"), De("onClose") })) }(); var e = l(re, 50); w._debouncedChange = l(Y, 300), w.daysContainer && !/iPhone|iPad|iPod/i.test(navigator.userAgent) && P(w.daysContainer, "mouseover", (function (e) { "range" === w.config.mode && oe(g(e)) })); P(w._input, "keydown", ie), void 0 !== w.calendarContainer && P(w.calendarContainer, "keydown", ie); w.config.inline || w.config.static || P(window, "resize", e); void 0 !== window.ontouchstart ? P(window.document, "touchstart", X) : P(window.document, "mousedown", X); P(window.document, "focus", X, { capture: !0 }), !0 === w.config.clickOpens && (P(w._input, "focus", w.open), P(w._input, "click", w.open)); void 0 !== w.daysContainer && (P(w.monthNav, "click", xe), P(w.monthNav, ["keyup", "increment"], N), P(w.daysContainer, "click", me)); if (void 0 !== w.timeContainer && void 0 !== w.minuteElement && void 0 !== w.hourElement) { var n = function (e) { return g(e).select() }; P(w.timeContainer, ["increment"], _), P(w.timeContainer, "blur", _, { capture: !0 }), P(w.timeContainer, "click", H), P([w.hourElement, w.minuteElement], ["focus", "click"], n), void 0 !== w.secondElement && P(w.secondElement, "focus", (function () { return w.secondElement && w.secondElement.select() })), void 0 !== w.amPM && P(w.amPM, "click", (function (e) { _(e) })) } w.config.allowInput && P(w._input, "blur", ae) }(), (w.selectedDates.length || w.config.noCalendar) && (w.config.enableTime && F(w.config.noCalendar ? w.latestSelectedDateObj : void 0), ye(!1)), S(); var n = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); !w.isMobile && n && de(), De("onReady") }(), w } function T(e, n) { for (var t = Array.prototype.slice.call(e).filter((function (e) { return e instanceof HTMLElement })), a = [], i = 0; i < t.length; i++) { var o = t[i]; try { if (null !== o.getAttribute("data-fp-omit")) continue; void 0 !== o._flatpickr && (o._flatpickr.destroy(), o._flatpickr = void 0), o._flatpickr = k(o, n || {}), a.push(o._flatpickr) } catch (e) { console.error(e) } } return 1 === a.length ? a[0] : a } "undefined" != typeof HTMLElement && "undefined" != typeof HTMLCollection && "undefined" != typeof NodeList && (HTMLCollection.prototype.flatpickr = NodeList.prototype.flatpickr = function (e) { return T(this, e) }, HTMLElement.prototype.flatpickr = function (e) { return T([this], e) }); var I = function (e, n) { return "string" == typeof e ? T(window.document.querySelectorAll(e), n) : e instanceof Node ? T([e], n) : T(e, n) }; return I.defaultConfig = {}, I.l10ns = { en: e({}, i), default: e({}, i) }, I.localize = function (n) { I.l10ns.default = e(e({}, I.l10ns.default), n) }, I.setDefaults = function (n) { I.defaultConfig = e(e({}, I.defaultConfig), n) }, I.parseDate = C({}), I.formatDate = b({}), I.compareDates = M, "undefined" != typeof jQuery && void 0 !== jQuery.fn && (jQuery.fn.flatpickr = function (e) { return T(this, e) }), Date.prototype.fp_incr = function (e) { return new Date(this.getFullYear(), this.getMonth(), this.getDate() + ("string" == typeof e ? parseInt(e, 10) : e)) }, "undefined" != typeof window && (window.flatpickr = I), I })); +!function (e, t) { "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = "undefined" != typeof globalThis ? globalThis : e || self).monthSelectPlugin = t() }(this, function () { "use strict"; var e = function () { return (e = Object.assign || function (e) { for (var t, n = 1, a = arguments.length; n < a; n++)for (var o in t = arguments[n]) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]); return e }).apply(this, arguments) }, t = function (e, t, n) { return n.months[t ? "shorthand" : "longhand"][e] }; var n = { shorthand: !1, dateFormat: "F Y", altFormat: "F Y", theme: "light" }; return function (a) { var o = e(e({}, n), a); return function (e) { e.config.dateFormat = o.dateFormat, e.config.altFormat = o.altFormat; var n = { monthsContainer: null }; function a() { if (e.rContainer) { for (var t = e.rContainer.querySelectorAll(".flatpickr-monthSelect-month.selected"), n = 0; n < t.length; n++)t[n].classList.remove("selected"); var a = (e.selectedDates[0] || new Date).getMonth(), o = e.rContainer.querySelector(".flatpickr-monthSelect-month:nth-child(" + (a + 1) + ")"); o && o.classList.add("selected") } } function r() { var t = e.selectedDates[0]; t && ((t = new Date(t)).setFullYear(e.currentYear), e.config.minDate && t < e.config.minDate && (t = e.config.minDate), e.config.maxDate && t > e.config.maxDate && (t = e.config.maxDate), e.currentYear = t.getFullYear()), e.currentYearElement.value = String(e.currentYear), e.rContainer && e.rContainer.querySelectorAll(".flatpickr-monthSelect-month").forEach(function (t) { t.dateObj.setFullYear(e.currentYear), e.config.minDate && t.dateObj < e.config.minDate || e.config.maxDate && t.dateObj > e.config.maxDate ? t.classList.add("disabled") : t.classList.remove("disabled") }), a() } function i(t) { t.preventDefault(), t.stopPropagation(); var n = function (e) { try { return "function" == typeof e.composedPath ? e.composedPath()[0] : e.target } catch (t) { return e.target } }(t); n instanceof Element && !n.classList.contains("disabled") && (c(n.dateObj), e.close()) } function c(t) { var n = new Date(t); n.setFullYear(e.currentYear), e.setDate(n, !0), a() } var l = { 37: -1, 39: 1, 40: 3, 38: -3 }; return { onParseConfig: function () { e.config.mode = "single", e.config.enableTime = !1 }, onValueUpdate: a, onKeyDown: function (t, a, o, r) { var i = void 0 !== l[r.keyCode]; if ((i || 13 === r.keyCode) && e.rContainer && n.monthsContainer) { var s = e.rContainer.querySelector(".flatpickr-monthSelect-month.selected"), d = Array.prototype.indexOf.call(n.monthsContainer.children, document.activeElement); if (-1 === d) { var f = s || n.monthsContainer.firstElementChild; f.focus(), d = f.$i } i ? n.monthsContainer.children[(12 + d + l[r.keyCode]) % 12].focus() : 13 === r.keyCode && n.monthsContainer.contains(document.activeElement) && c(document.activeElement.dateObj) } }, onReady: [function () { e.currentMonth = 0 }, function () { if (e.rContainer && e.daysContainer && e.weekdayContainer) { e.rContainer.removeChild(e.daysContainer), e.rContainer.removeChild(e.weekdayContainer); for (var t = 0; t < e.monthElements.length; t++) { var n = e.monthElements[t]; n.parentNode && n.parentNode.removeChild(n) } } }, function () { e._bind(e.prevMonthNav, "click", function (t) { t.preventDefault(), t.stopPropagation(), e.changeYear(e.currentYear - 1), r() }), e._bind(e.nextMonthNav, "click", function (t) { t.preventDefault(), t.stopPropagation(), e.changeYear(e.currentYear + 1), r() }) }, function () { if (e.rContainer) { n.monthsContainer = e._createElement("div", "flatpickr-monthSelect-months"), n.monthsContainer.tabIndex = -1, e.calendarContainer.classList.add("flatpickr-monthSelect-theme-" + o.theme); for (var a = 0; a < 12; a++) { var r = e._createElement("span", "flatpickr-monthSelect-month"); r.dateObj = new Date(e.currentYear, a), r.$i = a, r.textContent = t(a, o.shorthand, e.l10n), r.tabIndex = -1, r.addEventListener("click", i), n.monthsContainer.appendChild(r), (e.config.minDate && r.dateObj < e.config.minDate || e.config.maxDate && r.dateObj > e.config.maxDate) && r.classList.add("disabled") } e.rContainer.appendChild(n.monthsContainer) } }, a, function () { e.loadedPlugins.push("monthSelect") }], onDestroy: function () { if (null !== n.monthsContainer) for (var e = n.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month"), t = 0; t < e.length; t++)e[t].removeEventListener("click", i) } } } } }); \ No newline at end of file diff --git a/_content/Blazorise/vendors/floating-ui-core.js b/_content/Blazorise/vendors/floating-ui-core.js new file mode 100755 index 0000000..4a2771f --- /dev/null +++ b/_content/Blazorise/vendors/floating-ui-core.js @@ -0,0 +1,7 @@ +/** + * Bundled by jsDelivr using Rollup v2.79.1 and Terser v5.17.1. + * Original file: /npm/@floating-ui/core@1.3.1/dist/floating-ui.core.browser.min.mjs + * + * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files + */ +function t(t) { return t.split("-")[1] } function e(t) { return "y" === t ? "height" : "width" } function n(t) { return t.split("-")[0] } function o(t) { return ["top", "bottom"].includes(n(t)) ? "x" : "y" } function i(i, r, a) { let { reference: l, floating: s } = i; const c = l.x + l.width / 2 - s.width / 2, f = l.y + l.height / 2 - s.height / 2, m = o(r), u = e(m), g = l[u] / 2 - s[u] / 2, d = "x" === m; let p; switch (n(r)) { case "top": p = { x: c, y: l.y - s.height }; break; case "bottom": p = { x: c, y: l.y + l.height }; break; case "right": p = { x: l.x + l.width, y: f }; break; case "left": p = { x: l.x - s.width, y: f }; break; default: p = { x: l.x, y: l.y } }switch (t(r)) { case "start": p[m] -= g * (a && d ? -1 : 1); break; case "end": p[m] += g * (a && d ? -1 : 1) }return p } const r = async (t, e, n) => { const { placement: o = "bottom", strategy: r = "absolute", middleware: a = [], platform: l } = n, s = a.filter(Boolean), c = await (null == l.isRTL ? void 0 : l.isRTL(e)); let f = await l.getElementRects({ reference: t, floating: e, strategy: r }), { x: m, y: u } = i(f, o, c), g = o, d = {}, p = 0; for (let n = 0; n < s.length; n++) { const { name: a, fn: h } = s[n], { x: y, y: x, data: w, reset: v } = await h({ x: m, y: u, initialPlacement: o, placement: g, strategy: r, middlewareData: d, rects: f, platform: l, elements: { reference: t, floating: e } }); m = null != y ? y : m, u = null != x ? x : u, d = { ...d, [a]: { ...d[a], ...w } }, v && p <= 50 && (p++, "object" == typeof v && (v.placement && (g = v.placement), v.rects && (f = !0 === v.rects ? await l.getElementRects({ reference: t, floating: e, strategy: r }) : v.rects), ({ x: m, y: u } = i(f, g, c))), n = -1) } return { x: m, y: u, placement: g, strategy: r, middlewareData: d } }; function a(t, e) { return "function" == typeof t ? t(e) : t } function l(t) { return "number" != typeof t ? function (t) { return { top: 0, right: 0, bottom: 0, left: 0, ...t } }(t) : { top: t, right: t, bottom: t, left: t } } function s(t) { return { ...t, top: t.y, left: t.x, right: t.x + t.width, bottom: t.y + t.height } } async function c(t, e) { var n; void 0 === e && (e = {}); const { x: o, y: i, platform: r, rects: c, elements: f, strategy: m } = t, { boundary: u = "clippingAncestors", rootBoundary: g = "viewport", elementContext: d = "floating", altBoundary: p = !1, padding: h = 0 } = a(e, t), y = l(h), x = f[p ? "floating" === d ? "reference" : "floating" : d], w = s(await r.getClippingRect({ element: null == (n = await (null == r.isElement ? void 0 : r.isElement(x))) || n ? x : x.contextElement || await (null == r.getDocumentElement ? void 0 : r.getDocumentElement(f.floating)), boundary: u, rootBoundary: g, strategy: m })), v = "floating" === d ? { ...c.floating, x: o, y: i } : c.reference, b = await (null == r.getOffsetParent ? void 0 : r.getOffsetParent(f.floating)), A = await (null == r.isElement ? void 0 : r.isElement(b)) && await (null == r.getScale ? void 0 : r.getScale(b)) || { x: 1, y: 1 }, R = s(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: v, offsetParent: b, strategy: m }) : v); return { top: (w.top - R.top + y.top) / A.y, bottom: (R.bottom - w.bottom + y.bottom) / A.y, left: (w.left - R.left + y.left) / A.x, right: (R.right - w.right + y.right) / A.x } } const f = Math.min, m = Math.max; function u(t, e, n) { return m(t, f(e, n)) } const g = n => ({ name: "arrow", options: n, async fn(i) { const { x: r, y: s, placement: c, rects: m, platform: g, elements: d } = i, { element: p, padding: h = 0 } = a(n, i) || {}; if (null == p) return {}; const y = l(h), x = { x: r, y: s }, w = o(c), v = e(w), b = await g.getDimensions(p), A = "y" === w, R = A ? "top" : "left", P = A ? "bottom" : "right", T = A ? "clientHeight" : "clientWidth", E = m.reference[v] + m.reference[w] - x[w] - m.floating[v], D = x[w] - m.reference[w], L = await (null == g.getOffsetParent ? void 0 : g.getOffsetParent(p)); let O = L ? L[T] : 0; O && await (null == g.isElement ? void 0 : g.isElement(L)) || (O = d.floating[T] || m.floating[v]); const k = E / 2 - D / 2, C = O / 2 - b[v] / 2 - 1, B = f(y[R], C), H = f(y[P], C), S = B, z = O - b[v] - H, F = O / 2 - b[v] / 2 + k, M = u(S, F, z), V = null != t(c) && F != M && m.reference[v] / 2 - (F < S ? B : H) - b[v] / 2 < 0 ? F < S ? S - F : z - F : 0; return { [w]: x[w] - V, data: { [w]: M, centerOffset: F - M + V } } } }), d = ["top", "right", "bottom", "left"], p = d.reduce(((t, e) => t.concat(e, e + "-start", e + "-end")), []), h = { left: "right", right: "left", bottom: "top", top: "bottom" }; function y(t) { return t.replace(/left|right|bottom|top/g, (t => h[t])) } function x(n, i, r) { void 0 === r && (r = !1); const a = t(n), l = o(n), s = e(l); let c = "x" === l ? a === (r ? "end" : "start") ? "right" : "left" : "start" === a ? "bottom" : "top"; return i.reference[s] > i.floating[s] && (c = y(c)), { main: c, cross: y(c) } } const w = { start: "end", end: "start" }; function v(t) { return t.replace(/start|end/g, (t => w[t])) } const b = function (e) { return void 0 === e && (e = {}), { name: "autoPlacement", options: e, async fn(o) { var i, r, l; const { rects: s, middlewareData: f, placement: m, platform: u, elements: g } = o, { crossAxis: d = !1, alignment: h, allowedPlacements: y = p, autoAlignment: w = !0, ...b } = a(e, o), A = void 0 !== h || y === p ? function (e, o, i) { return (e ? [...i.filter((n => t(n) === e)), ...i.filter((n => t(n) !== e))] : i.filter((t => n(t) === t))).filter((n => !e || t(n) === e || !!o && v(n) !== n)) }(h || null, w, y) : y, R = await c(o, b), P = (null == (i = f.autoPlacement) ? void 0 : i.index) || 0, T = A[P]; if (null == T) return {}; const { main: E, cross: D } = x(T, s, await (null == u.isRTL ? void 0 : u.isRTL(g.floating))); if (m !== T) return { reset: { placement: A[0] } }; const L = [R[n(T)], R[E], R[D]], O = [...(null == (r = f.autoPlacement) ? void 0 : r.overflows) || [], { placement: T, overflows: L }], k = A[P + 1]; if (k) return { data: { index: P + 1, overflows: O }, reset: { placement: k } }; const C = O.map((e => { const n = t(e.placement); return [e.placement, n && d ? e.overflows.slice(0, 2).reduce(((t, e) => t + e), 0) : e.overflows[0], e.overflows] })).sort(((t, e) => t[1] - e[1])), B = (null == (l = C.filter((e => e[2].slice(0, t(e[0]) ? 2 : 3).every((t => t <= 0))))[0]) ? void 0 : l[0]) || C[0][0]; return B !== m ? { data: { index: P + 1, overflows: O }, reset: { placement: B } } : {} } } }, A = function (e) { return void 0 === e && (e = {}), { name: "flip", options: e, async fn(o) { var i; const { placement: r, middlewareData: l, rects: s, initialPlacement: f, platform: m, elements: u } = o, { mainAxis: g = !0, crossAxis: d = !0, fallbackPlacements: p, fallbackStrategy: h = "bestFit", fallbackAxisSideDirection: w = "none", flipAlignment: b = !0, ...A } = a(e, o), R = n(r), P = n(f) === f, T = await (null == m.isRTL ? void 0 : m.isRTL(u.floating)), E = p || (P || !b ? [y(f)] : function (t) { const e = y(t); return [v(t), e, v(e)] }(f)); p || "none" === w || E.push(...function (e, o, i, r) { const a = t(e); let l = function (t, e, n) { const o = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], a = ["bottom", "top"]; switch (t) { case "top": case "bottom": return n ? e ? i : o : e ? o : i; case "left": case "right": return e ? r : a; default: return [] } }(n(e), "start" === i, r); return a && (l = l.map((t => t + "-" + a)), o && (l = l.concat(l.map(v)))), l }(f, b, w, T)); const D = [f, ...E], L = await c(o, A), O = []; let k = (null == (i = l.flip) ? void 0 : i.overflows) || []; if (g && O.push(L[R]), d) { const { main: t, cross: e } = x(r, s, T); O.push(L[t], L[e]) } if (k = [...k, { placement: r, overflows: O }], !O.every((t => t <= 0))) { var C, B; const t = ((null == (C = l.flip) ? void 0 : C.index) || 0) + 1, e = D[t]; if (e) return { data: { index: t, overflows: k }, reset: { placement: e } }; let n = null == (B = k.filter((t => t.overflows[0] <= 0)).sort(((t, e) => t.overflows[1] - e.overflows[1]))[0]) ? void 0 : B.placement; if (!n) switch (h) { case "bestFit": { var H; const t = null == (H = k.map((t => [t.placement, t.overflows.filter((t => t > 0)).reduce(((t, e) => t + e), 0)])).sort(((t, e) => t[1] - e[1]))[0]) ? void 0 : H[0]; t && (n = t); break } case "initialPlacement": n = f }if (r !== n) return { reset: { placement: n } } } return {} } } }; function R(t, e) { return { top: t.top - e.height, right: t.right - e.width, bottom: t.bottom - e.height, left: t.left - e.width } } function P(t) { return d.some((e => t[e] >= 0)) } const T = function (t) { return void 0 === t && (t = {}), { name: "hide", options: t, async fn(e) { const { rects: n } = e, { strategy: o = "referenceHidden", ...i } = a(t, e); switch (o) { case "referenceHidden": { const t = R(await c(e, { ...i, elementContext: "reference" }), n.reference); return { data: { referenceHiddenOffsets: t, referenceHidden: P(t) } } } case "escaped": { const t = R(await c(e, { ...i, altBoundary: !0 }), n.floating); return { data: { escapedOffsets: t, escaped: P(t) } } } default: return {} } } } }; function E(t) { const e = f(...t.map((t => t.left))), n = f(...t.map((t => t.top))); return { x: e, y: n, width: m(...t.map((t => t.right))) - e, height: m(...t.map((t => t.bottom))) - n } } const D = function (t) { return void 0 === t && (t = {}), { name: "inline", options: t, async fn(e) { const { placement: i, elements: r, rects: c, platform: u, strategy: g } = e, { padding: d = 2, x: p, y: h } = a(t, e), y = Array.from(await (null == u.getClientRects ? void 0 : u.getClientRects(r.reference)) || []), x = function (t) { const e = t.slice().sort(((t, e) => t.y - e.y)), n = []; let o = null; for (let t = 0; t < e.length; t++) { const i = e[t]; !o || i.y - o.y > o.height / 2 ? n.push([i]) : n[n.length - 1].push(i), o = i } return n.map((t => s(E(t)))) }(y), w = s(E(y)), v = l(d), b = await u.getElementRects({ reference: { getBoundingClientRect: function () { if (2 === x.length && x[0].left > x[1].right && null != p && null != h) return x.find((t => p > t.left - v.left && p < t.right + v.right && h > t.top - v.top && h < t.bottom + v.bottom)) || w; if (x.length >= 2) { if ("x" === o(i)) { const t = x[0], e = x[x.length - 1], o = "top" === n(i), r = t.top, a = e.bottom, l = o ? t.left : e.left, s = o ? t.right : e.right; return { top: r, bottom: a, left: l, right: s, width: s - l, height: a - r, x: l, y: r } } const t = "left" === n(i), e = m(...x.map((t => t.right))), r = f(...x.map((t => t.left))), a = x.filter((n => t ? n.left === r : n.right === e)), l = a[0].top, s = a[a.length - 1].bottom; return { top: l, bottom: s, left: r, right: e, width: e - r, height: s - l, x: r, y: l } } return w } }, floating: r.floating, strategy: g }); return c.reference.x !== b.reference.x || c.reference.y !== b.reference.y || c.reference.width !== b.reference.width || c.reference.height !== b.reference.height ? { reset: { rects: b } } : {} } } }, L = function (e) { return void 0 === e && (e = 0), { name: "offset", options: e, async fn(i) { const { x: r, y: l } = i, s = await async function (e, i) { const { placement: r, platform: l, elements: s } = e, c = await (null == l.isRTL ? void 0 : l.isRTL(s.floating)), f = n(r), m = t(r), u = "x" === o(r), g = ["left", "top"].includes(f) ? -1 : 1, d = c && u ? -1 : 1, p = a(i, e); let { mainAxis: h, crossAxis: y, alignmentAxis: x } = "number" == typeof p ? { mainAxis: p, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...p }; return m && "number" == typeof x && (y = "end" === m ? -1 * x : x), u ? { x: y * d, y: h * g } : { x: h * g, y: y * d } }(i, e); return { x: r + s.x, y: l + s.y, data: s } } } }; function O(t) { return "x" === t ? "y" : "x" } const k = function (t) { return void 0 === t && (t = {}), { name: "shift", options: t, async fn(e) { const { x: i, y: r, placement: l } = e, { mainAxis: s = !0, crossAxis: f = !1, limiter: m = { fn: t => { let { x: e, y: n } = t; return { x: e, y: n } } }, ...g } = a(t, e), d = { x: i, y: r }, p = await c(e, g), h = o(n(l)), y = O(h); let x = d[h], w = d[y]; if (s) { const t = "y" === h ? "bottom" : "right"; x = u(x + p["y" === h ? "top" : "left"], x, x - p[t]) } if (f) { const t = "y" === y ? "bottom" : "right"; w = u(w + p["y" === y ? "top" : "left"], w, w - p[t]) } const v = m.fn({ ...e, [h]: x, [y]: w }); return { ...v, data: { x: v.x - i, y: v.y - r } } } } }, C = function (t) { return void 0 === t && (t = {}), { options: t, fn(e) { const { x: i, y: r, placement: l, rects: s, middlewareData: c } = e, { offset: f = 0, mainAxis: m = !0, crossAxis: u = !0 } = a(t, e), g = { x: i, y: r }, d = o(l), p = O(d); let h = g[d], y = g[p]; const x = a(f, e), w = "number" == typeof x ? { mainAxis: x, crossAxis: 0 } : { mainAxis: 0, crossAxis: 0, ...x }; if (m) { const t = "y" === d ? "height" : "width", e = s.reference[d] - s.floating[t] + w.mainAxis, n = s.reference[d] + s.reference[t] - w.mainAxis; h < e ? h = e : h > n && (h = n) } if (u) { var v, b; const t = "y" === d ? "width" : "height", e = ["top", "left"].includes(n(l)), o = s.reference[p] - s.floating[t] + (e && (null == (v = c.offset) ? void 0 : v[p]) || 0) + (e ? 0 : w.crossAxis), i = s.reference[p] + s.reference[t] + (e ? 0 : (null == (b = c.offset) ? void 0 : b[p]) || 0) - (e ? w.crossAxis : 0); y < o ? y = o : y > i && (y = i) } return { [d]: h, [p]: y } } } }, B = function (e) { return void 0 === e && (e = {}), { name: "size", options: e, async fn(i) { const { placement: r, rects: l, platform: s, elements: u } = i, { apply: g = (() => { }), ...d } = a(e, i), p = await c(i, d), h = n(r), y = t(r), x = "x" === o(r), { width: w, height: v } = l.floating; let b, A; "top" === h || "bottom" === h ? (b = h, A = y === (await (null == s.isRTL ? void 0 : s.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : (A = h, b = "end" === y ? "top" : "bottom"); const R = v - p[b], P = w - p[A], T = !i.middlewareData.shift; let E = R, D = P; if (x) { const t = w - p.left - p.right; D = y || T ? f(P, t) : t } else { const t = v - p.top - p.bottom; E = y || T ? f(R, t) : t } if (T && !y) { const t = m(p.left, 0), e = m(p.right, 0), n = m(p.top, 0), o = m(p.bottom, 0); x ? D = w - 2 * (0 !== t || 0 !== e ? t + e : m(p.left, p.right)) : E = v - 2 * (0 !== n || 0 !== o ? n + o : m(p.top, p.bottom)) } await g({ ...i, availableWidth: D, availableHeight: E }); const L = await s.getDimensions(u.floating); return w !== L.width || v !== L.height ? { reset: { rects: !0 } } : {} } } }; export { g as arrow, b as autoPlacement, r as computePosition, c as detectOverflow, A as flip, T as hide, D as inline, C as limitShift, L as offset, s as rectToClientRect, k as shift, B as size }; export default null; \ No newline at end of file diff --git a/_content/Blazorise/vendors/floating-ui.js b/_content/Blazorise/vendors/floating-ui.js new file mode 100755 index 0000000..e40ab00 --- /dev/null +++ b/_content/Blazorise/vendors/floating-ui.js @@ -0,0 +1,7 @@ +/** + * Bundled by jsDelivr using Rollup v2.79.1 and Terser v5.17.1. + * Original file: /npm/@floating-ui/dom@1.4.5/dist/floating-ui.dom.browser.min.mjs + * + * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files + */ +import { computePosition as t, rectToClientRect as e } from "./floating-ui-core.js"; export { arrow, autoPlacement, detectOverflow, flip, hide, inline, limitShift, offset, shift, size } from "./floating-ui-core.js"; function n(t) { var e; return (null == t || null == (e = t.ownerDocument) ? void 0 : e.defaultView) || window } function o(t) { return n(t).getComputedStyle(t) } function i(t) { return t instanceof n(t).Node } function r(t) { return i(t) ? (t.nodeName || "").toLowerCase() : "#document" } function c(t) { return t instanceof HTMLElement || t instanceof n(t).HTMLElement } function l(t) { return "undefined" != typeof ShadowRoot && (t instanceof n(t).ShadowRoot || t instanceof ShadowRoot) } function s(t) { const { overflow: e, overflowX: n, overflowY: i, display: r } = o(t); return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !["inline", "contents"].includes(r) } function f(t) { return ["table", "td", "th"].includes(r(t)) } function u(t) { const e = a(), n = o(t); return "none" !== n.transform || "none" !== n.perspective || !!n.containerType && "normal" !== n.containerType || !e && !!n.backdropFilter && "none" !== n.backdropFilter || !e && !!n.filter && "none" !== n.filter || ["transform", "perspective", "filter"].some((t => (n.willChange || "").includes(t))) || ["paint", "layout", "strict", "content"].some((t => (n.contain || "").includes(t))) } function a() { return !("undefined" == typeof CSS || !CSS.supports) && CSS.supports("-webkit-backdrop-filter", "none") } function d(t) { return ["html", "body", "#document"].includes(r(t)) } const h = Math.min, p = Math.max, m = Math.round, g = Math.floor, y = t => ({ x: t, y: t }); function w(t) { const e = o(t); let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0; const r = c(t), l = r ? t.offsetWidth : n, s = r ? t.offsetHeight : i, f = m(n) !== l || m(i) !== s; return f && (n = l, i = s), { width: n, height: i, $: f } } function x(t) { return t instanceof Element || t instanceof n(t).Element } function v(t) { return x(t) ? t : t.contextElement } function b(t) { const e = v(t); if (!c(e)) return y(1); const n = e.getBoundingClientRect(), { width: o, height: i, $: r } = w(e); let l = (r ? m(n.width) : n.width) / o, s = (r ? m(n.height) : n.height) / i; return l && Number.isFinite(l) || (l = 1), s && Number.isFinite(s) || (s = 1), { x: l, y: s } } const L = y(0); function T(t) { const e = n(t); return a() && e.visualViewport ? { x: e.visualViewport.offsetLeft, y: e.visualViewport.offsetTop } : L } function R(t, o, i, r) { void 0 === o && (o = !1), void 0 === i && (i = !1); const c = t.getBoundingClientRect(), l = v(t); let s = y(1); o && (r ? x(r) && (s = b(r)) : s = b(t)); const f = function (t, e, o) { return void 0 === e && (e = !1), !(!o || e && o !== n(t)) && e }(l, i, r) ? T(l) : y(0); let u = (c.left + f.x) / s.x, a = (c.top + f.y) / s.y, d = c.width / s.x, h = c.height / s.y; if (l) { const t = n(l), e = r && x(r) ? n(r) : r; let o = t.frameElement; for (; o && r && e !== t;) { const t = b(o), e = o.getBoundingClientRect(), i = getComputedStyle(o), r = e.left + (o.clientLeft + parseFloat(i.paddingLeft)) * t.x, c = e.top + (o.clientTop + parseFloat(i.paddingTop)) * t.y; u *= t.x, a *= t.y, d *= t.x, h *= t.y, u += r, a += c, o = n(o).frameElement } } return e({ width: d, height: h, x: u, y: a }) } function E(t) { return x(t) ? { scrollLeft: t.scrollLeft, scrollTop: t.scrollTop } : { scrollLeft: t.pageXOffset, scrollTop: t.pageYOffset } } function S(t) { var e; return null == (e = (i(t) ? t.ownerDocument : t.document) || window.document) ? void 0 : e.documentElement } function C(t) { return R(S(t)).left + E(t).scrollLeft } function F(t) { if ("html" === r(t)) return t; const e = t.assignedSlot || t.parentNode || l(t) && t.host || S(t); return l(e) ? e.host : e } function O(t) { const e = F(t); return d(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : c(e) && s(e) ? e : O(e) } function D(t, e) { var o; void 0 === e && (e = []); const i = O(t), r = i === (null == (o = t.ownerDocument) ? void 0 : o.body), c = n(i); return r ? e.concat(c, c.visualViewport || [], s(i) ? i : []) : e.concat(i, D(i)) } function H(t, i, r) { let l; if ("viewport" === i) l = function (t, e) { const o = n(t), i = S(t), r = o.visualViewport; let c = i.clientWidth, l = i.clientHeight, s = 0, f = 0; if (r) { c = r.width, l = r.height; const t = a(); (!t || t && "fixed" === e) && (s = r.offsetLeft, f = r.offsetTop) } return { width: c, height: l, x: s, y: f } }(t, r); else if ("document" === i) l = function (t) { const e = S(t), n = E(t), i = t.ownerDocument.body, r = p(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), c = p(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight); let l = -n.scrollLeft + C(t); const s = -n.scrollTop; return "rtl" === o(i).direction && (l += p(e.clientWidth, i.clientWidth) - r), { width: r, height: c, x: l, y: s } }(S(t)); else if (x(i)) l = function (t, e) { const n = R(t, !0, "fixed" === e), o = n.top + t.clientTop, i = n.left + t.clientLeft, r = c(t) ? b(t) : y(1); return { width: t.clientWidth * r.x, height: t.clientHeight * r.y, x: i * r.x, y: o * r.y } }(i, r); else { const e = T(t); l = { ...i, x: i.x - e.x, y: i.y - e.y } } return e(l) } function W(t, e) { const n = F(t); return !(n === e || !x(n) || d(n)) && ("fixed" === o(n).position || W(n, e)) } function M(t, e, n) { const o = c(e), i = S(e), l = "fixed" === n, f = R(t, !0, l, e); let u = { scrollLeft: 0, scrollTop: 0 }; const a = y(0); if (o || !o && !l) if (("body" !== r(e) || s(i)) && (u = E(e)), c(e)) { const t = R(e, !0, l, e); a.x = t.x + e.clientLeft, a.y = t.y + e.clientTop } else i && (a.x = C(i)); return { x: f.left + u.scrollLeft - a.x, y: f.top + u.scrollTop - a.y, width: f.width, height: f.height } } function z(t, e) { return c(t) && "fixed" !== o(t).position ? e ? e(t) : t.offsetParent : null } function A(t, e) { const i = n(t); if (!c(t)) return i; let l = z(t, e); for (; l && f(l) && "static" === o(l).position;)l = z(l, e); return l && ("html" === r(l) || "body" === r(l) && "static" === o(l).position && !u(l)) ? i : l || function (t) { let e = F(t); for (; c(e) && !d(e);) { if (u(e)) return e; e = F(e) } return null }(t) || i } const P = { convertOffsetParentRelativeRectToViewportRelativeRect: function (t) { let { rect: e, offsetParent: n, strategy: o } = t; const i = c(n), l = S(n); if (n === l) return e; let f = { scrollLeft: 0, scrollTop: 0 }, u = y(1); const a = y(0); if ((i || !i && "fixed" !== o) && (("body" !== r(n) || s(l)) && (f = E(n)), c(n))) { const t = R(n); u = b(n), a.x = t.x + n.clientLeft, a.y = t.y + n.clientTop } return { width: e.width * u.x, height: e.height * u.y, x: e.x * u.x - f.scrollLeft * u.x + a.x, y: e.y * u.y - f.scrollTop * u.y + a.y } }, getDocumentElement: S, getClippingRect: function (t) { let { element: e, boundary: n, rootBoundary: i, strategy: c } = t; const l = [..."clippingAncestors" === n ? function (t, e) { const n = e.get(t); if (n) return n; let i = D(t).filter((t => x(t) && "body" !== r(t))), c = null; const l = "fixed" === o(t).position; let f = l ? F(t) : t; for (; x(f) && !d(f);) { const e = o(f), n = u(f); n || "fixed" !== e.position || (c = null), (l ? !n && !c : !n && "static" === e.position && c && ["absolute", "fixed"].includes(c.position) || s(f) && !n && W(t, f)) ? i = i.filter((t => t !== f)) : c = e, f = F(f) } return e.set(t, i), i }(e, this._c) : [].concat(n), i], f = l[0], a = l.reduce(((t, n) => { const o = H(e, n, c); return t.top = p(o.top, t.top), t.right = h(o.right, t.right), t.bottom = h(o.bottom, t.bottom), t.left = p(o.left, t.left), t }), H(e, f, c)); return { width: a.right - a.left, height: a.bottom - a.top, x: a.left, y: a.top } }, getOffsetParent: A, getElementRects: async function (t) { let { reference: e, floating: n, strategy: o } = t; const i = this.getOffsetParent || A, r = this.getDimensions; return { reference: M(e, await i(n), o), floating: { x: 0, y: 0, ...await r(n) } } }, getClientRects: function (t) { return Array.from(t.getClientRects()) }, getDimensions: function (t) { return w(t) }, getScale: b, isElement: x, isRTL: function (t) { return "rtl" === getComputedStyle(t).direction } }; function V(t, e, n, o) { void 0 === o && (o = {}); const { ancestorScroll: i = !0, ancestorResize: r = !0, elementResize: c = "function" == typeof ResizeObserver, layoutShift: l = "function" == typeof IntersectionObserver, animationFrame: s = !1 } = o, f = v(t), u = i || r ? [...f ? D(f) : [], ...D(e)] : []; u.forEach((t => { i && t.addEventListener("scroll", n, { passive: !0 }), r && t.addEventListener("resize", n) })); const a = f && l ? function (t, e) { let n, o = null; const i = S(t); function r() { clearTimeout(n), o && o.disconnect(), o = null } return function c(l, s) { void 0 === l && (l = !1), void 0 === s && (s = 1), r(); const { left: f, top: u, width: a, height: d } = t.getBoundingClientRect(); if (l || e(), !a || !d) return; const m = { rootMargin: -g(u) + "px " + -g(i.clientWidth - (f + a)) + "px " + -g(i.clientHeight - (u + d)) + "px " + -g(f) + "px", threshold: p(0, h(1, s)) || 1 }; let y = !0; function w(t) { const e = t[0].intersectionRatio; if (e !== s) { if (!y) return c(); e ? c(!1, e) : n = setTimeout((() => { c(!1, 1e-7) }), 100) } y = !1 } try { o = new IntersectionObserver(w, { ...m, root: i.ownerDocument }) } catch (t) { o = new IntersectionObserver(w, m) } o.observe(t) }(!0), r }(f, n) : null; let d, m = -1, y = null; c && (y = new ResizeObserver((t => { let [o] = t; o && o.target === f && y && (y.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame((() => { y && y.observe(e) }))), n() })), f && !s && y.observe(f), y.observe(e)); let w = s ? R(t) : null; return s && function e() { const o = R(t); !w || o.x === w.x && o.y === w.y && o.width === w.width && o.height === w.height || n(), w = o, d = requestAnimationFrame(e) }(), n(), () => { u.forEach((t => { i && t.removeEventListener("scroll", n), r && t.removeEventListener("resize", n) })), a && a(), y && y.disconnect(), y = null, s && cancelAnimationFrame(d) } } const B = (e, n, o) => { const i = new Map, r = { platform: P, ...o }, c = { ...r.platform, _c: i }; return t(e, n, { ...r, platform: c }) }; export { V as autoUpdate, B as computePosition, D as getOverflowAncestors, P as platform }; export default null; \ No newline at end of file diff --git a/_content/Blazorise/vendors/inputmask.js b/_content/Blazorise/vendors/inputmask.js new file mode 100755 index 0000000..414d3f7 --- /dev/null +++ b/_content/Blazorise/vendors/inputmask.js @@ -0,0 +1,12 @@ +/*! + * dist/inputmask.min + * https://github.com/RobinHerbots/Inputmask + * Copyright (c) 2010 - 2023 Robin Herbots + * Licensed under the MIT license + * Version: 5.0.9-beta.46 + */ +!function (e, t) { if ("object" == typeof exports && "object" == typeof module) module.exports = t(); else if ("function" == typeof define && define.amd) define([], t); else { var n = t(); for (var i in n) ("object" == typeof exports ? exports : e)[i] = n[i] } }("undefined" != typeof self ? self : this, (function () { return function () { "use strict"; var e = { 3976: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = void 0; var i = n(2839); t.default = { _maxTestPos: 500, placeholder: "_", optionalmarker: ["[", "]"], quantifiermarker: ["{", "}"], groupmarker: ["(", ")"], alternatormarker: "|", escapeChar: "\\", mask: null, regex: null, oncomplete: function () { }, onincomplete: function () { }, oncleared: function () { }, repeat: 0, greedy: !1, autoUnmask: !1, removeMaskOnSubmit: !1, clearMaskOnLostFocus: !0, insertMode: !0, insertModeVisual: !0, clearIncomplete: !1, alias: null, onKeyDown: function () { }, onBeforeMask: null, onBeforePaste: function (e, t) { return "function" == typeof t.onBeforeMask ? t.onBeforeMask.call(this, e, t) : e }, onBeforeWrite: null, onUnMask: null, showMaskOnFocus: !0, showMaskOnHover: !0, onKeyValidation: function () { }, skipOptionalPartCharacter: " ", numericInput: !1, rightAlign: !1, undoOnEscape: !0, radixPoint: "", _radixDance: !1, groupSeparator: "", keepStatic: null, positionCaretOnTab: !0, tabThrough: !1, supportsInputType: ["text", "tel", "url", "password", "search"], ignorables: Object.keys(i.ignorables), isComplete: null, preValidation: null, postValidation: null, staticDefinitionSymbol: void 0, jitMasking: !1, nullable: !0, inputEventOnly: !1, noValuePatching: !1, positionCaretOnClick: "lvp", casing: null, inputmode: "text", importDataAttributes: !0, shiftPositions: !0, usePrototypeDefinitions: !0, validationEventTimeOut: 3e3, substitutes: {} } }, 7392: function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = void 0; t.default = { 9: { validator: "[0-9\uff10-\uff19]", definitionSymbol: "*" }, a: { validator: "[A-Za-z\u0410-\u044f\u0401\u0451\xc0-\xff\xb5]", definitionSymbol: "*" }, "*": { validator: "[0-9\uff10-\uff19A-Za-z\u0410-\u044f\u0401\u0451\xc0-\xff\xb5]" } } }, 253: function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = function (e, t, n) { if (void 0 === n) return e.__data ? e.__data[t] : null; e.__data = e.__data || {}, e.__data[t] = n } }, 3776: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.Event = void 0, t.off = function (e, t) { var n, i; u(this[0]) && e && (n = this[0].eventRegistry, i = this[0], e.split(" ").forEach((function (e) { var a = o(e.split("."), 2); (function (e, i) { var a, r, o = []; if (e.length > 0) if (void 0 === t) for (a = 0, r = n[e][i].length; a < r; a++)o.push({ ev: e, namespace: i && i.length > 0 ? i : "global", handler: n[e][i][a] }); else o.push({ ev: e, namespace: i && i.length > 0 ? i : "global", handler: t }); else if (i.length > 0) for (var l in n) for (var s in n[l]) if (s === i) if (void 0 === t) for (a = 0, r = n[l][s].length; a < r; a++)o.push({ ev: l, namespace: s, handler: n[l][s][a] }); else o.push({ ev: l, namespace: s, handler: t }); return o })(a[0], a[1]).forEach((function (e) { var t = e.ev, a = e.handler; !function (e, t, a) { if (e in n == 1) if (i.removeEventListener ? i.removeEventListener(e, a, !1) : i.detachEvent && i.detachEvent("on".concat(e), a), "global" === t) for (var r in n[e]) n[e][r].splice(n[e][r].indexOf(a), 1); else n[e][t].splice(n[e][t].indexOf(a), 1) }(t, e.namespace, a) })) }))); return this }, t.on = function (e, t) { if (u(this[0])) { var n = this[0].eventRegistry, i = this[0]; e.split(" ").forEach((function (e) { var a = o(e.split("."), 2), r = a[0], l = a[1]; !function (e, a) { i.addEventListener ? i.addEventListener(e, t, !1) : i.attachEvent && i.attachEvent("on".concat(e), t), n[e] = n[e] || {}, n[e][a] = n[e][a] || [], n[e][a].push(t) }(r, void 0 === l ? "global" : l) })) } return this }, t.trigger = function (e) { var t = arguments; if (u(this[0])) for (var n = this[0].eventRegistry, a = this[0], o = "string" == typeof e ? e.split(" ") : [e.type], l = 0; l < o.length; l++) { var s = o[l].split("."), f = s[0], p = s[1] || "global"; if (void 0 !== c && "global" === p) { var d, h = { bubbles: !0, cancelable: !0, composed: !0, detail: arguments[1] }; if (c.createEvent) { try { if ("input" === f) h.inputType = "insertText", d = new InputEvent(f, h); else d = new CustomEvent(f, h) } catch (e) { (d = c.createEvent("CustomEvent")).initCustomEvent(f, h.bubbles, h.cancelable, h.detail) } e.type && (0, i.default)(d, e), a.dispatchEvent(d) } else (d = c.createEventObject()).eventType = f, d.detail = arguments[1], e.type && (0, i.default)(d, e), a.fireEvent("on" + d.eventType, d) } else if (void 0 !== n[f]) { arguments[0] = arguments[0].type ? arguments[0] : r.default.Event(arguments[0]), arguments[0].detail = arguments.slice(1); var v = n[f]; ("global" === p ? Object.values(v).flat() : v[p]).forEach((function (e) { return e.apply(a, t) })) } } return this }; var i = s(n(600)), a = s(n(9380)), r = s(n(4963)); function o(e, t) { return function (e) { if (Array.isArray(e)) return e }(e) || function (e, t) { var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"]; if (null != n) { var i, a, r, o, l = [], s = !0, c = !1; try { if (r = (n = n.call(e)).next, 0 === t) { if (Object(n) !== n) return; s = !1 } else for (; !(s = (i = r.call(n)).done) && (l.push(i.value), l.length !== t); s = !0); } catch (e) { c = !0, a = e } finally { try { if (!s && null != n.return && (o = n.return(), Object(o) !== o)) return } finally { if (c) throw a } } return l } }(e, t) || function (e, t) { if (!e) return; if ("string" == typeof e) return l(e, t); var n = Object.prototype.toString.call(e).slice(8, -1); "Object" === n && e.constructor && (n = e.constructor.name); if ("Map" === n || "Set" === n) return Array.from(e); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return l(e, t) }(e, t) || function () { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function l(e, t) { (null == t || t > e.length) && (t = e.length); for (var n = 0, i = new Array(t); n < t; n++)i[n] = e[n]; return i } function s(e) { return e && e.__esModule ? e : { default: e } } var c = a.default.document; function u(e) { return e instanceof Element } var f = t.Event = void 0; "function" == typeof a.default.CustomEvent ? t.Event = f = a.default.CustomEvent : a.default.Event && c && c.createEvent ? (t.Event = f = function (e, t) { t = t || { bubbles: !1, cancelable: !1, composed: !0, detail: void 0 }; var n = c.createEvent("CustomEvent"); return n.initCustomEvent(e, t.bubbles, t.cancelable, t.detail), n }, f.prototype = a.default.Event.prototype) : "undefined" != typeof Event && (t.Event = f = Event) }, 600: function (e, t) { function n(e) { return n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, n(e) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = function e() { var t, i, a, r, o, l, s = arguments[0] || {}, c = 1, u = arguments.length, f = !1; "boolean" == typeof s && (f = s, s = arguments[c] || {}, c++); "object" !== n(s) && "function" != typeof s && (s = {}); for (; c < u; c++)if (null != (t = arguments[c])) for (i in t) a = s[i], s !== (r = t[i]) && (f && r && ("[object Object]" === Object.prototype.toString.call(r) || (o = Array.isArray(r))) ? (o ? (o = !1, l = a && Array.isArray(a) ? a : []) : l = a && "[object Object]" === Object.prototype.toString.call(a) ? a : {}, s[i] = e(f, l, r)) : void 0 !== r && (s[i] = r)); return s } }, 4963: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = void 0; var i = l(n(600)), a = l(n(9380)), r = l(n(253)), o = n(3776); function l(e) { return e && e.__esModule ? e : { default: e } } var s = a.default.document; function c(e) { return e instanceof c ? e : this instanceof c ? void (null != e && e !== a.default && (this[0] = e.nodeName ? e : void 0 !== e[0] && e[0].nodeName ? e[0] : s.querySelector(e), void 0 !== this[0] && null !== this[0] && (this[0].eventRegistry = this[0].eventRegistry || {}))) : new c(e) } c.prototype = { on: o.on, off: o.off, trigger: o.trigger }, c.extend = i.default, c.data = r.default, c.Event = o.Event; t.default = c }, 9845: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.mobile = t.iphone = t.ie = void 0; var i, a = (i = n(9380)) && i.__esModule ? i : { default: i }; var r = a.default.navigator && a.default.navigator.userAgent || ""; t.ie = r.indexOf("MSIE ") > 0 || r.indexOf("Trident/") > 0, t.mobile = a.default.navigator && a.default.navigator.userAgentData && a.default.navigator.userAgentData.mobile || a.default.navigator && a.default.navigator.maxTouchPoints || "ontouchstart" in a.default, t.iphone = /iphone/i.test(r) }, 7184: function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = function (e) { return e.replace(n, "\\$1") }; var n = new RegExp("(\\" + ["/", ".", "*", "+", "?", "|", "(", ")", "[", "]", "{", "}", "\\", "$", "^"].join("|\\") + ")", "gim") }, 6030: function (e, t, n) { function i(e) { return i = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, i(e) } Object.defineProperty(t, "__esModule", { value: !0 }), t.EventHandlers = void 0; var a, r = n(8711), o = n(2839), l = n(9845), s = n(7215), c = n(7760), u = n(4713), f = (a = n(9380)) && a.__esModule ? a : { default: a }; function p() {/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */p = function () { return t }; var e, t = {}, n = Object.prototype, a = n.hasOwnProperty, r = Object.defineProperty || function (e, t, n) { e[t] = n.value }, o = "function" == typeof Symbol ? Symbol : {}, l = o.iterator || "@@iterator", s = o.asyncIterator || "@@asyncIterator", c = o.toStringTag || "@@toStringTag"; function u(e, t, n) { return Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }), e[t] } try { u({}, "") } catch (e) { u = function (e, t, n) { return e[t] = n } } function f(e, t, n, i) { var a = t && t.prototype instanceof k ? t : k, o = Object.create(a.prototype), l = new D(i || []); return r(o, "_invoke", { value: E(e, n, l) }), o } function d(e, t, n) { try { return { type: "normal", arg: e.call(t, n) } } catch (e) { return { type: "throw", arg: e } } } t.wrap = f; var h = "suspendedStart", v = "suspendedYield", m = "executing", g = "completed", y = {}; function k() { } function b() { } function x() { } var P = {}; u(P, l, (function () { return this })); var w = Object.getPrototypeOf, S = w && w(w(L([]))); S && S !== n && a.call(S, l) && (P = S); var O = x.prototype = k.prototype = Object.create(P); function _(e) { ["next", "throw", "return"].forEach((function (t) { u(e, t, (function (e) { return this._invoke(t, e) })) })) } function M(e, t) { function n(r, o, l, s) { var c = d(e[r], e, o); if ("throw" !== c.type) { var u = c.arg, f = u.value; return f && "object" == i(f) && a.call(f, "__await") ? t.resolve(f.__await).then((function (e) { n("next", e, l, s) }), (function (e) { n("throw", e, l, s) })) : t.resolve(f).then((function (e) { u.value = e, l(u) }), (function (e) { return n("throw", e, l, s) })) } s(c.arg) } var o; r(this, "_invoke", { value: function (e, i) { function a() { return new t((function (t, a) { n(e, i, t, a) })) } return o = o ? o.then(a, a) : a() } }) } function E(t, n, i) { var a = h; return function (r, o) { if (a === m) throw new Error("Generator is already running"); if (a === g) { if ("throw" === r) throw o; return { value: e, done: !0 } } for (i.method = r, i.arg = o; ;) { var l = i.delegate; if (l) { var s = j(l, i); if (s) { if (s === y) continue; return s } } if ("next" === i.method) i.sent = i._sent = i.arg; else if ("throw" === i.method) { if (a === h) throw a = g, i.arg; i.dispatchException(i.arg) } else "return" === i.method && i.abrupt("return", i.arg); a = m; var c = d(t, n, i); if ("normal" === c.type) { if (a = i.done ? g : v, c.arg === y) continue; return { value: c.arg, done: i.done } } "throw" === c.type && (a = g, i.method = "throw", i.arg = c.arg) } } } function j(t, n) { var i = n.method, a = t.iterator[i]; if (a === e) return n.delegate = null, "throw" === i && t.iterator.return && (n.method = "return", n.arg = e, j(t, n), "throw" === n.method) || "return" !== i && (n.method = "throw", n.arg = new TypeError("The iterator does not provide a '" + i + "' method")), y; var r = d(a, t.iterator, n.arg); if ("throw" === r.type) return n.method = "throw", n.arg = r.arg, n.delegate = null, y; var o = r.arg; return o ? o.done ? (n[t.resultName] = o.value, n.next = t.nextLoc, "return" !== n.method && (n.method = "next", n.arg = e), n.delegate = null, y) : o : (n.method = "throw", n.arg = new TypeError("iterator result is not an object"), n.delegate = null, y) } function T(e) { var t = { tryLoc: e[0] }; 1 in e && (t.catchLoc = e[1]), 2 in e && (t.finallyLoc = e[2], t.afterLoc = e[3]), this.tryEntries.push(t) } function A(e) { var t = e.completion || {}; t.type = "normal", delete t.arg, e.completion = t } function D(e) { this.tryEntries = [{ tryLoc: "root" }], e.forEach(T, this), this.reset(!0) } function L(t) { if (t || "" === t) { var n = t[l]; if (n) return n.call(t); if ("function" == typeof t.next) return t; if (!isNaN(t.length)) { var r = -1, o = function n() { for (; ++r < t.length;)if (a.call(t, r)) return n.value = t[r], n.done = !1, n; return n.value = e, n.done = !0, n }; return o.next = o } } throw new TypeError(i(t) + " is not iterable") } return b.prototype = x, r(O, "constructor", { value: x, configurable: !0 }), r(x, "constructor", { value: b, configurable: !0 }), b.displayName = u(x, c, "GeneratorFunction"), t.isGeneratorFunction = function (e) { var t = "function" == typeof e && e.constructor; return !!t && (t === b || "GeneratorFunction" === (t.displayName || t.name)) }, t.mark = function (e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, x) : (e.__proto__ = x, u(e, c, "GeneratorFunction")), e.prototype = Object.create(O), e }, t.awrap = function (e) { return { __await: e } }, _(M.prototype), u(M.prototype, s, (function () { return this })), t.AsyncIterator = M, t.async = function (e, n, i, a, r) { void 0 === r && (r = Promise); var o = new M(f(e, n, i, a), r); return t.isGeneratorFunction(n) ? o : o.next().then((function (e) { return e.done ? e.value : o.next() })) }, _(O), u(O, c, "Generator"), u(O, l, (function () { return this })), u(O, "toString", (function () { return "[object Generator]" })), t.keys = function (e) { var t = Object(e), n = []; for (var i in t) n.push(i); return n.reverse(), function e() { for (; n.length;) { var i = n.pop(); if (i in t) return e.value = i, e.done = !1, e } return e.done = !0, e } }, t.values = L, D.prototype = { constructor: D, reset: function (t) { if (this.prev = 0, this.next = 0, this.sent = this._sent = e, this.done = !1, this.delegate = null, this.method = "next", this.arg = e, this.tryEntries.forEach(A), !t) for (var n in this) "t" === n.charAt(0) && a.call(this, n) && !isNaN(+n.slice(1)) && (this[n] = e) }, stop: function () { this.done = !0; var e = this.tryEntries[0].completion; if ("throw" === e.type) throw e.arg; return this.rval }, dispatchException: function (t) { if (this.done) throw t; var n = this; function i(i, a) { return l.type = "throw", l.arg = t, n.next = i, a && (n.method = "next", n.arg = e), !!a } for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r], l = o.completion; if ("root" === o.tryLoc) return i("end"); if (o.tryLoc <= this.prev) { var s = a.call(o, "catchLoc"), c = a.call(o, "finallyLoc"); if (s && c) { if (this.prev < o.catchLoc) return i(o.catchLoc, !0); if (this.prev < o.finallyLoc) return i(o.finallyLoc) } else if (s) { if (this.prev < o.catchLoc) return i(o.catchLoc, !0) } else { if (!c) throw new Error("try statement without catch or finally"); if (this.prev < o.finallyLoc) return i(o.finallyLoc) } } } }, abrupt: function (e, t) { for (var n = this.tryEntries.length - 1; n >= 0; --n) { var i = this.tryEntries[n]; if (i.tryLoc <= this.prev && a.call(i, "finallyLoc") && this.prev < i.finallyLoc) { var r = i; break } } r && ("break" === e || "continue" === e) && r.tryLoc <= t && t <= r.finallyLoc && (r = null); var o = r ? r.completion : {}; return o.type = e, o.arg = t, r ? (this.method = "next", this.next = r.finallyLoc, y) : this.complete(o) }, complete: function (e, t) { if ("throw" === e.type) throw e.arg; return "break" === e.type || "continue" === e.type ? this.next = e.arg : "return" === e.type ? (this.rval = this.arg = e.arg, this.method = "return", this.next = "end") : "normal" === e.type && t && (this.next = t), y }, finish: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var n = this.tryEntries[t]; if (n.finallyLoc === e) return this.complete(n.completion, n.afterLoc), A(n), y } }, catch: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var n = this.tryEntries[t]; if (n.tryLoc === e) { var i = n.completion; if ("throw" === i.type) { var a = i.arg; A(n) } return a } } throw new Error("illegal catch attempt") }, delegateYield: function (t, n, i) { return this.delegate = { iterator: L(t), resultName: n, nextLoc: i }, "next" === this.method && (this.arg = e), y } }, t } function d(e, t) { var n = "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"]; if (!n) { if (Array.isArray(e) || (n = function (e, t) { if (!e) return; if ("string" == typeof e) return h(e, t); var n = Object.prototype.toString.call(e).slice(8, -1); "Object" === n && e.constructor && (n = e.constructor.name); if ("Map" === n || "Set" === n) return Array.from(e); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return h(e, t) }(e)) || t && e && "number" == typeof e.length) { n && (e = n); var i = 0, a = function () { }; return { s: a, n: function () { return i >= e.length ? { done: !0 } : { done: !1, value: e[i++] } }, e: function (e) { throw e }, f: a } } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") } var r, o = !0, l = !1; return { s: function () { n = n.call(e) }, n: function () { var e = n.next(); return o = e.done, e }, e: function (e) { l = !0, r = e }, f: function () { try { o || null == n.return || n.return() } finally { if (l) throw r } } } } function h(e, t) { (null == t || t > e.length) && (t = e.length); for (var n = 0, i = new Array(t); n < t; n++)i[n] = e[n]; return i } function v(e, t, n, i, a, r, o) { try { var l = e[r](o), s = l.value } catch (e) { return void n(e) } l.done ? t(s) : Promise.resolve(s).then(i, a) } var m, g, y = t.EventHandlers = { keyEvent: function (e, t, n, i, a) { var f = this.inputmask, p = f.opts, d = f.dependencyLib, h = f.maskset, v = this, m = d(v), g = e.key, k = r.caret.call(f, v), b = p.onKeyDown.call(this, e, r.getBuffer.call(f), k, p); if (void 0 !== b) return b; if (g === o.keys.Backspace || g === o.keys.Delete || l.iphone && g === o.keys.BACKSPACE_SAFARI || e.ctrlKey && g === o.keys.x && !("oncut" in v)) e.preventDefault(), s.handleRemove.call(f, v, g, k), (0, c.writeBuffer)(v, r.getBuffer.call(f, !0), h.p, e, v.inputmask._valueGet() !== r.getBuffer.call(f).join("")); else if (g === o.keys.End || g === o.keys.PageDown) { e.preventDefault(); var x = r.seekNext.call(f, r.getLastValidPosition.call(f)); r.caret.call(f, v, e.shiftKey ? k.begin : x, x, !0) } else g === o.keys.Home && !e.shiftKey || g === o.keys.PageUp ? (e.preventDefault(), r.caret.call(f, v, 0, e.shiftKey ? k.begin : 0, !0)) : p.undoOnEscape && g === o.keys.Escape && !0 !== e.altKey ? ((0, c.checkVal)(v, !0, !1, f.undoValue.split("")), m.trigger("click")) : g !== o.keys.Insert || e.shiftKey || e.ctrlKey || void 0 !== f.userOptions.insertMode ? !0 === p.tabThrough && g === o.keys.Tab ? !0 === e.shiftKey ? (k.end = r.seekPrevious.call(f, k.end, !0), !0 === u.getTest.call(f, k.end - 1).match.static && k.end--, k.begin = r.seekPrevious.call(f, k.end, !0), k.begin >= 0 && k.end > 0 && (e.preventDefault(), r.caret.call(f, v, k.begin, k.end))) : (k.begin = r.seekNext.call(f, k.begin, !0), k.end = r.seekNext.call(f, k.begin, !0), k.end < h.maskLength && k.end--, k.begin <= h.maskLength && (e.preventDefault(), r.caret.call(f, v, k.begin, k.end))) : e.shiftKey || p.insertModeVisual && !1 === p.insertMode && (g === o.keys.ArrowRight ? setTimeout((function () { var e = r.caret.call(f, v); r.caret.call(f, v, e.begin) }), 0) : g === o.keys.ArrowLeft && setTimeout((function () { var e = r.translatePosition.call(f, v.inputmask.caretPos.begin); r.translatePosition.call(f, v.inputmask.caretPos.end); f.isRTL ? r.caret.call(f, v, e + (e === h.maskLength ? 0 : 1)) : r.caret.call(f, v, e - (0 === e ? 0 : 1)) }), 0)) : s.isSelection.call(f, k) ? p.insertMode = !p.insertMode : (p.insertMode = !p.insertMode, r.caret.call(f, v, k.begin, k.begin)); return f.isComposing = g == o.keys.Process || g == o.keys.Unidentified, f.ignorable = p.ignorables.includes(g), y.keypressEvent.call(this, e, t, n, i, a) }, keypressEvent: function (e, t, n, i, a) { var l = this.inputmask || this, u = l.opts, f = l.dependencyLib, p = l.maskset, d = l.el, h = f(d), v = e.key; if (!0 === t || e.ctrlKey && e.altKey && !l.ignorable || !(e.ctrlKey || e.metaKey || l.ignorable)) { if (v) { var m, g = t ? { begin: a, end: a } : r.caret.call(l, d); v = u.substitutes[v] || v, p.writeOutBuffer = !0; var y = s.isValid.call(l, g, v, i, void 0, void 0, void 0, t); if (!1 !== y && (r.resetMaskSet.call(l, !0), m = void 0 !== y.caret ? y.caret : r.seekNext.call(l, y.pos.begin ? y.pos.begin : y.pos), p.p = m), m = u.numericInput && void 0 === y.caret ? r.seekPrevious.call(l, m) : m, !1 !== n && (setTimeout((function () { u.onKeyValidation.call(d, v, y) }), 0), p.writeOutBuffer && !1 !== y)) { var k = r.getBuffer.call(l); (0, c.writeBuffer)(d, k, m, e, !0 !== t) } if (e.preventDefault(), t) return !1 !== y && (y.forwardPosition = m), y } } else v === o.keys.Enter && l.undoValue !== l._valueGet(!0) && (l.undoValue = l._valueGet(!0), setTimeout((function () { h.trigger("change") }), 0)) }, pasteEvent: (m = p().mark((function e(t) { var n, i, a, o, l, s; return p().wrap((function (e) { for (; ;)switch (e.prev = e.next) { case 0: n = function (e, n, i, a, l) { var s = r.caret.call(e, n, void 0, void 0, !0), u = i.substr(0, s.begin), f = i.substr(s.end, i.length); if (u == (e.isRTL ? r.getBufferTemplate.call(e).slice().reverse() : r.getBufferTemplate.call(e)).slice(0, s.begin).join("") && (u = ""), f == (e.isRTL ? r.getBufferTemplate.call(e).slice().reverse() : r.getBufferTemplate.call(e)).slice(s.end).join("") && (f = ""), a = u + a + f, e.isRTL && !0 !== o.numericInput) { a = a.split(""); var p, h = d(r.getBufferTemplate.call(e)); try { for (h.s(); !(p = h.n()).done;) { var v = p.value; a[0] === v && a.shift() } } catch (e) { h.e(e) } finally { h.f() } a = a.reverse().join("") } var m = a; if ("function" == typeof l) { if (!1 === (m = l.call(e, m, o))) return !1; m || (m = i) } (0, c.checkVal)(n, !0, !1, m.toString().split(""), t) }, i = this, a = this.inputmask, o = a.opts, l = a._valueGet(!0), a.skipInputEvent = !0, t.clipboardData && t.clipboardData.getData ? s = t.clipboardData.getData("text/plain") : f.default.clipboardData && f.default.clipboardData.getData && (s = f.default.clipboardData.getData("Text")), n(a, i, l, s, o.onBeforePaste), t.preventDefault(); case 7: case "end": return e.stop() } }), e, this) })), g = function () { var e = this, t = arguments; return new Promise((function (n, i) { var a = m.apply(e, t); function r(e) { v(a, n, i, r, o, "next", e) } function o(e) { v(a, n, i, r, o, "throw", e) } r(void 0) })) }, function (e) { return g.apply(this, arguments) }), inputFallBackEvent: function (e) { var t = this.inputmask, n = t.opts, i = t.dependencyLib; var a, s = this, f = s.inputmask._valueGet(!0), p = (t.isRTL ? r.getBuffer.call(t).slice().reverse() : r.getBuffer.call(t)).join(""), d = r.caret.call(t, s, void 0, void 0, !0); if (p !== f) { if (a = function (e, i, a) { for (var o, l, s, c = e.substr(0, a.begin).split(""), f = e.substr(a.begin).split(""), p = i.substr(0, a.begin).split(""), d = i.substr(a.begin).split(""), h = c.length >= p.length ? c.length : p.length, v = f.length >= d.length ? f.length : d.length, m = "", g = [], y = "~"; c.length < h;)c.push(y); for (; p.length < h;)p.push(y); for (; f.length < v;)f.unshift(y); for (; d.length < v;)d.unshift(y); var k = c.concat(f), b = p.concat(d); for (l = 0, o = k.length; l < o; l++)switch (s = u.getPlaceholder.call(t, r.translatePosition.call(t, l)), m) { case "insertText": b[l - 1] === k[l] && a.begin == k.length - 1 && g.push(k[l]), l = o; break; case "insertReplacementText": case "deleteContentBackward": k[l] === y ? a.end++ : l = o; break; default: k[l] !== b[l] && (k[l + 1] !== y && k[l + 1] !== s && void 0 !== k[l + 1] || (b[l] !== s || b[l + 1] !== y) && b[l] !== y ? b[l + 1] === y && b[l] === k[l + 1] ? (m = "insertText", g.push(k[l]), a.begin--, a.end--) : k[l] !== s && k[l] !== y && (k[l + 1] === y || b[l] !== k[l] && b[l + 1] === k[l + 1]) ? (m = "insertReplacementText", g.push(k[l]), a.begin--) : k[l] === y ? (m = "deleteContentBackward", (r.isMask.call(t, r.translatePosition.call(t, l), !0) || b[l] === n.radixPoint) && a.end++) : l = o : (m = "insertText", g.push(k[l]), a.begin--, a.end--)) }return { action: m, data: g, caret: a } }(f, p, d), (s.inputmask.shadowRoot || s.ownerDocument).activeElement !== s && s.focus(), (0, c.writeBuffer)(s, r.getBuffer.call(t)), r.caret.call(t, s, d.begin, d.end, !0), !l.mobile && t.skipNextInsert && "insertText" === e.inputType && "insertText" === a.action && t.isComposing) return !1; switch ("insertCompositionText" === e.inputType && "insertText" === a.action && t.isComposing ? t.skipNextInsert = !0 : t.skipNextInsert = !1, a.action) { case "insertText": case "insertReplacementText": a.data.forEach((function (e, n) { var a = new i.Event("keypress"); a.key = e, t.ignorable = !1, y.keypressEvent.call(s, a) })), setTimeout((function () { t.$el.trigger("keyup") }), 0); break; case "deleteContentBackward": var h = new i.Event("keydown"); h.key = o.keys.Backspace, y.keyEvent.call(s, h); break; default: (0, c.applyInputValue)(s, f), r.caret.call(t, s, d.begin, d.end, !0) }e.preventDefault() } }, setValueEvent: function (e) { var t = this.inputmask, n = this, i = e && e.detail ? e.detail[0] : arguments[1]; void 0 === i && (i = n.inputmask._valueGet(!0)), (0, c.applyInputValue)(n, i), (e.detail && void 0 !== e.detail[1] || void 0 !== arguments[2]) && r.caret.call(t, n, e.detail ? e.detail[1] : arguments[2]) }, focusEvent: function (e) { var t = this.inputmask, n = t.opts, i = t && t._valueGet(); n.showMaskOnFocus && i !== r.getBuffer.call(t).join("") && (0, c.writeBuffer)(this, r.getBuffer.call(t), r.seekNext.call(t, r.getLastValidPosition.call(t))), !0 !== n.positionCaretOnTab || !1 !== t.mouseEnter || s.isComplete.call(t, r.getBuffer.call(t)) && -1 !== r.getLastValidPosition.call(t) || y.clickEvent.apply(this, [e, !0]), t.undoValue = t && t._valueGet(!0) }, invalidEvent: function (e) { this.inputmask.validationEvent = !0 }, mouseleaveEvent: function () { var e = this.inputmask, t = e.opts, n = this; e.mouseEnter = !1, t.clearMaskOnLostFocus && (n.inputmask.shadowRoot || n.ownerDocument).activeElement !== n && (0, c.HandleNativePlaceholder)(n, e.originalPlaceholder) }, clickEvent: function (e, t) { var n = this.inputmask; n.clicked++; var i = this; if ((i.inputmask.shadowRoot || i.ownerDocument).activeElement === i) { var a = r.determineNewCaretPosition.call(n, r.caret.call(n, i), t); void 0 !== a && r.caret.call(n, i, a) } }, cutEvent: function (e) { var t = this.inputmask, n = t.maskset, i = this, a = r.caret.call(t, i), l = t.isRTL ? r.getBuffer.call(t).slice(a.end, a.begin) : r.getBuffer.call(t).slice(a.begin, a.end), u = t.isRTL ? l.reverse().join("") : l.join(""); f.default.navigator && f.default.navigator.clipboard ? f.default.navigator.clipboard.writeText(u) : f.default.clipboardData && f.default.clipboardData.getData && f.default.clipboardData.setData("Text", u), s.handleRemove.call(t, i, o.keys.Delete, a), (0, c.writeBuffer)(i, r.getBuffer.call(t), n.p, e, t.undoValue !== t._valueGet(!0)) }, blurEvent: function (e) { var t = this.inputmask, n = t.opts, i = t.dependencyLib; t.clicked = 0; var a = i(this), o = this; if (o.inputmask) { (0, c.HandleNativePlaceholder)(o, t.originalPlaceholder); var l = o.inputmask._valueGet(), u = r.getBuffer.call(t).slice(); "" !== l && (n.clearMaskOnLostFocus && (-1 === r.getLastValidPosition.call(t) && l === r.getBufferTemplate.call(t).join("") ? u = [] : c.clearOptionalTail.call(t, u)), !1 === s.isComplete.call(t, u) && (setTimeout((function () { a.trigger("incomplete") }), 0), n.clearIncomplete && (r.resetMaskSet.call(t, !1), u = n.clearMaskOnLostFocus ? [] : r.getBufferTemplate.call(t).slice())), (0, c.writeBuffer)(o, u, void 0, e)), l = t._valueGet(!0), t.undoValue !== l && ("" != l || t.undoValue != r.getBufferTemplate.call(t).join("") || t.undoValue == r.getBufferTemplate.call(t).join("") && t.maskset.validPositions.length > 0) && (t.undoValue = l, a.trigger("change")) } }, mouseenterEvent: function () { var e = this.inputmask, t = e.opts.showMaskOnHover, n = this; if (e.mouseEnter = !0, (n.inputmask.shadowRoot || n.ownerDocument).activeElement !== n) { var i = (e.isRTL ? r.getBufferTemplate.call(e).slice().reverse() : r.getBufferTemplate.call(e)).join(""); t && (0, c.HandleNativePlaceholder)(n, i) } }, submitEvent: function () { var e = this.inputmask, t = e.opts; e.undoValue !== e._valueGet(!0) && e.$el.trigger("change"), -1 === r.getLastValidPosition.call(e) && e._valueGet && e._valueGet() === r.getBufferTemplate.call(e).join("") && e._valueSet(""), t.clearIncomplete && !1 === s.isComplete.call(e, r.getBuffer.call(e)) && e._valueSet(""), t.removeMaskOnSubmit && (e._valueSet(e.unmaskedvalue(), !0), setTimeout((function () { (0, c.writeBuffer)(e.el, r.getBuffer.call(e)) }), 0)) }, resetEvent: function () { var e = this.inputmask; e.refreshValue = !0, setTimeout((function () { (0, c.applyInputValue)(e.el, e._valueGet(!0)) }), 0) } } }, 9716: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.EventRuler = void 0; var i, a = (i = n(2394)) && i.__esModule ? i : { default: i }, r = n(2839), o = n(8711), l = n(7760); t.EventRuler = { on: function (e, t, n) { var i = e.inputmask.dependencyLib, s = function (t) { t.originalEvent && (t = t.originalEvent || t, arguments[0] = t); var s, c = this, u = c.inputmask, f = u ? u.opts : void 0; if (void 0 === u && "FORM" !== this.nodeName) { var p = i.data(c, "_inputmask_opts"); i(c).off(), p && new a.default(p).mask(c) } else { if (["submit", "reset", "setvalue"].includes(t.type) || "FORM" === this.nodeName || !(c.disabled || c.readOnly && !("keydown" === t.type && t.ctrlKey && t.key === r.keys.c || !1 === f.tabThrough && t.key === r.keys.Tab))) { switch (t.type) { case "input": if (!0 === u.skipInputEvent) return u.skipInputEvent = !1, t.preventDefault(); break; case "click": case "focus": return u.validationEvent ? (u.validationEvent = !1, e.blur(), (0, l.HandleNativePlaceholder)(e, (u.isRTL ? o.getBufferTemplate.call(u).slice().reverse() : o.getBufferTemplate.call(u)).join("")), setTimeout((function () { e.focus() }), f.validationEventTimeOut), !1) : (s = arguments, void setTimeout((function () { e.inputmask && n.apply(c, s) }), 0)) }var d = n.apply(c, arguments); return !1 === d && (t.preventDefault(), t.stopPropagation()), d } t.preventDefault() } };["submit", "reset"].includes(t) ? (s = s.bind(e), null !== e.form && i(e.form).on(t, s)) : i(e).on(t, s), e.inputmask.events[t] = e.inputmask.events[t] || [], e.inputmask.events[t].push(s) }, off: function (e, t) { if (e.inputmask && e.inputmask.events) { var n = e.inputmask.dependencyLib, i = e.inputmask.events; for (var a in t && ((i = [])[t] = e.inputmask.events[t]), i) { for (var r = i[a]; r.length > 0;) { var o = r.pop();["submit", "reset"].includes(a) ? null !== e.form && n(e.form).off(a, o) : n(e).off(a, o) } delete e.inputmask.events[a] } } } } }, 219: function (e, t, n) { var i = p(n(2394)), a = n(2839), r = p(n(7184)), o = n(8711), l = n(4713); function s(e, t) { return function (e) { if (Array.isArray(e)) return e }(e) || function (e, t) { var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"]; if (null != n) { var i, a, r, o, l = [], s = !0, c = !1; try { if (r = (n = n.call(e)).next, 0 === t) { if (Object(n) !== n) return; s = !1 } else for (; !(s = (i = r.call(n)).done) && (l.push(i.value), l.length !== t); s = !0); } catch (e) { c = !0, a = e } finally { try { if (!s && null != n.return && (o = n.return(), Object(o) !== o)) return } finally { if (c) throw a } } return l } }(e, t) || function (e, t) { if (!e) return; if ("string" == typeof e) return c(e, t); var n = Object.prototype.toString.call(e).slice(8, -1); "Object" === n && e.constructor && (n = e.constructor.name); if ("Map" === n || "Set" === n) return Array.from(e); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return c(e, t) }(e, t) || function () { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function c(e, t) { (null == t || t > e.length) && (t = e.length); for (var n = 0, i = new Array(t); n < t; n++)i[n] = e[n]; return i } function u(e) { return u = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, u(e) } function f(e, t) { for (var n = 0; n < t.length; n++) { var i = t[n]; i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (a = i.key, r = void 0, r = function (e, t) { if ("object" !== u(e) || null === e) return e; var n = e[Symbol.toPrimitive]; if (void 0 !== n) { var i = n.call(e, t || "default"); if ("object" !== u(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value.") } return ("string" === t ? String : Number)(e) }(a, "string"), "symbol" === u(r) ? r : String(r)), i) } var a, r } function p(e) { return e && e.__esModule ? e : { default: e } } n(1313); var d = i.default.dependencyLib, h = function () { function e(t, n, i) { !function (e, t) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function") }(this, e), this.mask = t, this.format = n, this.opts = i, this._date = new Date(1, 0, 1), this.initDateObject(t, this.opts) } var t, n, i; return t = e, (n = [{ key: "date", get: function () { return void 0 === this._date && (this._date = new Date(1, 0, 1), this.initDateObject(void 0, this.opts)), this._date } }, { key: "initDateObject", value: function (e, t) { var n; for (w(t).lastIndex = 0; n = w(t).exec(this.format);) { var i = new RegExp("\\d+$").exec(n[0]), a = i ? n[0][0] + "x" : n[0], r = void 0; if (void 0 !== e) { if (i) { var o = w(t).lastIndex, l = j(n.index, t); w(t).lastIndex = o, r = e.slice(0, e.indexOf(l.nextMatch[0])) } else r = e.slice(0, y[a] && y[a][4] || a.length); e = e.slice(r.length) } Object.prototype.hasOwnProperty.call(y, a) && this.setValue(this, r, a, y[a][2], y[a][1]) } } }, { key: "setValue", value: function (e, t, n, i, a) { if (void 0 !== t && (e[i] = "ampm" === i || "mmm" === n || "mmmm" === n ? t : t.replace(/[^0-9]/g, "0"), e["raw" + i] = t.replace(/\s/g, "_")), void 0 !== a) { var r = e[i]; ("day" === i && 29 === parseInt(r) || "month" === i && 2 === parseInt(r)) && (29 !== parseInt(e.day) || 2 !== parseInt(e.month) || "" !== e.year && void 0 !== e.year || e._date.setFullYear(2012, 1, 29)), "day" === i && (g = !0, 0 === parseInt(r) && (r = 1)), "month" === i && (g = !0), "year" === i && (g = !0, r.length < 4 && (r = _(r, 4, !0))), ("" !== r && !isNaN(r) || "ampm" === i || "mmm" === n || "mmmm" === n) && a.call(e._date, r) } } }, { key: "reset", value: function () { this._date = new Date(1, 0, 1) } }, { key: "reInit", value: function () { this._date = void 0, this.date } }]) && f(t.prototype, n), i && f(t, i), Object.defineProperty(t, "prototype", { writable: !1 }), e }(), v = (new Date).getFullYear(), m = i.default.prototype.i18n, g = !1, y = { d: ["[1-9]|[12][0-9]|3[01]", Date.prototype.setDate, "day", Date.prototype.getDate], dd: ["0[1-9]|[12][0-9]|3[01]", Date.prototype.setDate, "day", function () { return _(Date.prototype.getDate.call(this), 2) }], ddd: [""], dddd: [""], m: ["[1-9]|1[012]", function (e) { var t = e ? parseInt(e) : 0; return t > 0 && t--, Date.prototype.setMonth.call(this, t) }, "month", function () { return Date.prototype.getMonth.call(this) + 1 }], mm: ["0[1-9]|1[012]", function (e) { var t = e ? parseInt(e) : 0; return t > 0 && t--, Date.prototype.setMonth.call(this, t) }, "month", function () { return _(Date.prototype.getMonth.call(this) + 1, 2) }], mmm: [m.monthNames.slice(0, 12).join("|"), function (e) { var t = m.monthNames.slice(0, 12).findIndex((function (t) { return e.toLowerCase() === t.toLowerCase() })); return Date.prototype.setMonth.call(this, t) }, "month", function () { return m.monthNames.slice(0, 12)[Date.prototype.getMonth.call(this)] }], mmmm: [m.monthNames.slice(12, 24).join("|"), function (e) { var t = m.monthNames.slice(12, 24).findIndex((function (t) { return e.toLowerCase() === t.toLowerCase() })); return Date.prototype.setMonth.call(this, t) }, "month", function () { return m.monthNames.slice(12, 24)[Date.prototype.getMonth.call(this)] }], yy: ["[0-9]{2}", Date.prototype.setFullYear, "year", function () { return _(Date.prototype.getFullYear.call(this), 2) }], yyyy: ["[0-9]{4}", Date.prototype.setFullYear, "year", function () { return _(Date.prototype.getFullYear.call(this), 4) }], h: ["[1-9]|1[0-2]", Date.prototype.setHours, "hours", Date.prototype.getHours], hh: ["0[1-9]|1[0-2]", Date.prototype.setHours, "hours", function () { return _(Date.prototype.getHours.call(this), 2) }], hx: [function (e) { return "[0-9]{".concat(e, "}") }, Date.prototype.setHours, "hours", function (e) { return Date.prototype.getHours }], H: ["1?[0-9]|2[0-3]", Date.prototype.setHours, "hours", Date.prototype.getHours], HH: ["0[0-9]|1[0-9]|2[0-3]", Date.prototype.setHours, "hours", function () { return _(Date.prototype.getHours.call(this), 2) }], Hx: [function (e) { return "[0-9]{".concat(e, "}") }, Date.prototype.setHours, "hours", function (e) { return function () { return _(Date.prototype.getHours.call(this), e) } }], M: ["[1-5]?[0-9]", Date.prototype.setMinutes, "minutes", Date.prototype.getMinutes], MM: ["0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]", Date.prototype.setMinutes, "minutes", function () { return _(Date.prototype.getMinutes.call(this), 2) }], s: ["[1-5]?[0-9]", Date.prototype.setSeconds, "seconds", Date.prototype.getSeconds], ss: ["0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]", Date.prototype.setSeconds, "seconds", function () { return _(Date.prototype.getSeconds.call(this), 2) }], l: ["[0-9]{3}", Date.prototype.setMilliseconds, "milliseconds", function () { return _(Date.prototype.getMilliseconds.call(this), 3) }, 3], L: ["[0-9]{2}", Date.prototype.setMilliseconds, "milliseconds", function () { return _(Date.prototype.getMilliseconds.call(this), 2) }, 2], t: ["[ap]", b, "ampm", x, 1], tt: ["[ap]m", b, "ampm", x, 2], T: ["[AP]", b, "ampm", x, 1], TT: ["[AP]M", b, "ampm", x, 2], Z: [".*", void 0, "Z", function () { var e = this.toString().match(/\((.+)\)/)[1]; e.includes(" ") && (e = (e = e.replace("-", " ").toUpperCase()).split(" ").map((function (e) { return s(e, 1)[0] })).join("")); return e }], o: [""], S: [""] }, k = { isoDate: "yyyy-mm-dd", isoTime: "HH:MM:ss", isoDateTime: "yyyy-mm-dd'T'HH:MM:ss", isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'" }; function b(e) { var t = this.getHours(); e.toLowerCase().includes("p") ? this.setHours(t + 12) : e.toLowerCase().includes("a") && t >= 12 && this.setHours(t - 12) } function x() { var e = this.getHours(); return (e = e || 12) >= 12 ? "PM" : "AM" } function P(e) { var t = new RegExp("\\d+$").exec(e[0]); if (t && void 0 !== t[0]) { var n = y[e[0][0] + "x"].slice(""); return n[0] = n[0](t[0]), n[3] = n[3](t[0]), n } if (y[e[0]]) return y[e[0]] } function w(e) { if (!e.tokenizer) { var t = [], n = []; for (var i in y) if (/\.*x$/.test(i)) { var a = i[0] + "\\d+"; -1 === n.indexOf(a) && n.push(a) } else -1 === t.indexOf(i[0]) && t.push(i[0]); e.tokenizer = "(" + (n.length > 0 ? n.join("|") + "|" : "") + t.join("+|") + ")+?|.", e.tokenizer = new RegExp(e.tokenizer, "g") } return e.tokenizer } function S(e, t, n) { if (!g) return !0; if (void 0 === e.rawday || !isFinite(e.rawday) && new Date(e.date.getFullYear(), isFinite(e.rawmonth) ? e.month : e.date.getMonth() + 1, 0).getDate() >= e.day || "29" == e.day && (!isFinite(e.rawyear) || void 0 === e.rawyear || "" === e.rawyear) || new Date(e.date.getFullYear(), isFinite(e.rawmonth) ? e.month : e.date.getMonth() + 1, 0).getDate() >= e.day) return t; if ("29" == e.day) { var i = j(t.pos, n); if (i.targetMatch && "yyyy" === i.targetMatch[0] && t.pos - i.targetMatchIndex == 2) return t.remove = t.pos + 1, t } else if (2 == e.date.getMonth() && "30" == e.day && void 0 !== t.c) return e.day = "03", e.date.setDate(3), e.date.setMonth(1), t.insert = [{ pos: t.pos, c: "0" }, { pos: t.pos + 1, c: t.c }], t.caret = o.seekNext.call(this, t.pos + 1), t; return !1 } function O(e, t, n, i) { var a, o, l = "", s = 0, c = {}; for (w(n).lastIndex = 0; a = w(n).exec(e);) { if (void 0 === t) if (o = P(a)) l += "(" + o[0] + ")", c[s] = a[0].charAt(0); else switch (a[0]) { case "[": l += "("; break; case "]": l += ")?"; break; default: l += (0, r.default)(a[0]), c[s] = a[0].charAt(0) } else if (o = P(a)) if (!0 !== i && o[3]) l += o[3].call(t.date); else o[2] ? l += t["raw" + o[2]] : l += a[0]; else l += a[0]; s++ } return void 0 === t && "" === n.placeholder && (n.placeholder = c), l } function _(e, t, n) { for (e = String(e), t = t || 2; e.length < t;)e = n ? e + "0" : "0" + e; return e } function M(e, t, n) { return "string" == typeof e ? new h(e, t, n) : e && "object" === u(e) && Object.prototype.hasOwnProperty.call(e, "date") ? e : void 0 } function E(e, t) { return O(t.inputFormat, { date: e }, t) } function j(e, t) { var n, i, a = 0, r = 0; for (w(t).lastIndex = 0; i = w(t).exec(t.inputFormat);) { var o = new RegExp("\\d+$").exec(i[0]); if ((a += r = o ? parseInt(o[0]) : i[0].length) >= e + 1) { n = i, i = w(t).exec(t.inputFormat); break } } return { targetMatchIndex: a - r, nextMatch: i, targetMatch: n } } i.default.extendAliases({ datetime: { mask: function (e) { return e.numericInput = !1, y.S = m.ordinalSuffix.join("|"), e.inputFormat = k[e.inputFormat] || e.inputFormat, e.displayFormat = k[e.displayFormat] || e.displayFormat || e.inputFormat, e.outputFormat = k[e.outputFormat] || e.outputFormat || e.inputFormat, e.regex = O(e.inputFormat, void 0, e), e.min = M(e.min, e.inputFormat, e), e.max = M(e.max, e.inputFormat, e), null }, placeholder: "", inputFormat: "isoDateTime", displayFormat: null, outputFormat: null, min: null, max: null, skipOptionalPartCharacter: "", preValidation: function (e, t, n, i, a, r, o, l) { if (l) return !0; if (isNaN(n) && e[t] !== n) { var s = j(t, a); if (s.nextMatch && s.nextMatch[0] === n && s.targetMatch[0].length > 1) { var c = y[s.targetMatch[0]][0]; if (new RegExp(c).test("0" + e[t - 1])) return e[t] = e[t - 1], e[t - 1] = "0", { fuzzy: !0, buffer: e, refreshFromBuffer: { start: t - 1, end: t + 1 }, pos: t + 1 } } } return !0 }, postValidation: function (e, t, n, i, a, r, o, s) { var c, u; if (o) return !0; if (!1 === i && (((c = j(t + 1, a)).targetMatch && c.targetMatchIndex === t && c.targetMatch[0].length > 1 && void 0 !== y[c.targetMatch[0]] || (c = j(t + 2, a)).targetMatch && c.targetMatchIndex === t + 1 && c.targetMatch[0].length > 1 && void 0 !== y[c.targetMatch[0]]) && (u = y[c.targetMatch[0]][0]), void 0 !== u && (void 0 !== r.validPositions[t + 1] && new RegExp(u).test(n + "0") ? (e[t] = n, e[t + 1] = "0", i = { pos: t + 2, caret: t }) : new RegExp(u).test("0" + n) && (e[t] = "0", e[t + 1] = n, i = { pos: t + 2 })), !1 === i)) return i; if (i.fuzzy && (e = i.buffer, t = i.pos), (c = j(t, a)).targetMatch && c.targetMatch[0] && void 0 !== y[c.targetMatch[0]]) { var f = y[c.targetMatch[0]]; u = f[0]; var p = e.slice(c.targetMatchIndex, c.targetMatchIndex + c.targetMatch[0].length); if (!1 === new RegExp(u).test(p.join("")) && 2 === c.targetMatch[0].length && r.validPositions[c.targetMatchIndex] && r.validPositions[c.targetMatchIndex + 1] && (r.validPositions[c.targetMatchIndex + 1].input = "0"), "year" == f[2]) for (var d = l.getMaskTemplate.call(this, !1, 1, void 0, !0), h = t + 1; h < e.length; h++)e[h] = d[h], r.validPositions.splice(t + 1, 1) } var m = i, g = M(e.join(""), a.inputFormat, a); return m && !isNaN(g.date.getTime()) && (a.prefillYear && (m = function (e, t, n) { if (e.year !== e.rawyear) { var i = v.toString(), a = e.rawyear.replace(/[^0-9]/g, ""), r = i.slice(0, a.length), o = i.slice(a.length); if (2 === a.length && a === r) { var l = new Date(v, e.month - 1, e.day); e.day == l.getDate() && (!n.max || n.max.date.getTime() >= l.getTime()) && (e.date.setFullYear(v), e.year = i, t.insert = [{ pos: t.pos + 1, c: o[0] }, { pos: t.pos + 2, c: o[1] }]) } } return t }(g, m, a)), m = function (e, t, n, i, a) { if (!t) return t; if (t && n.min && !isNaN(n.min.date.getTime())) { var r; for (e.reset(), w(n).lastIndex = 0; r = w(n).exec(n.inputFormat);) { var o; if ((o = P(r)) && o[3]) { for (var l = o[1], s = e[o[2]], c = n.min[o[2]], u = n.max ? n.max[o[2]] : c, f = [], p = !1, d = 0; d < c.length; d++)void 0 !== i.validPositions[d + r.index] || p ? (f[d] = s[d], p = p || s[d] > c[d]) : (d + r.index == 0 && s[d] < c[d] ? (f[d] = s[d], p = !0) : f[d] = c[d], "year" === o[2] && s.length - 1 == d && c != u && (f = (parseInt(f.join("")) + 1).toString().split("")), "ampm" === o[2] && c != u && n.min.date.getTime() > e.date.getTime() && (f[d] = u[d])); l.call(e._date, f.join("")) } } t = n.min.date.getTime() <= e.date.getTime(), e.reInit() } return t && n.max && (isNaN(n.max.date.getTime()) || (t = n.max.date.getTime() >= e.date.getTime())), t }(g, m = S.call(this, g, m, a), a, r)), void 0 !== t && m && i.pos !== t ? { buffer: O(a.inputFormat, g, a).split(""), refreshFromBuffer: { start: t, end: i.pos }, pos: i.caret || i.pos } : m }, onKeyDown: function (e, t, n, i) { e.ctrlKey && e.key === a.keys.ArrowRight && (this.inputmask._valueSet(E(new Date, i)), d(this).trigger("setvalue")) }, onUnMask: function (e, t, n) { return t ? O(n.outputFormat, M(e, n.inputFormat, n), n, !0) : t }, casing: function (e, t, n, i) { return 0 == t.nativeDef.indexOf("[ap]") ? e.toLowerCase() : 0 == t.nativeDef.indexOf("[AP]") ? e.toUpperCase() : e }, onBeforeMask: function (e, t) { return "[object Date]" === Object.prototype.toString.call(e) && (e = E(e, t)), e }, insertMode: !1, insertModeVisual: !1, shiftPositions: !1, keepStatic: !1, inputmode: "numeric", prefillYear: !0 } }) }, 1313: function (e, t, n) { var i, a = (i = n(2394)) && i.__esModule ? i : { default: i }; a.default.dependencyLib.extend(!0, a.default.prototype.i18n, { dayNames: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ordinalSuffix: ["st", "nd", "rd", "th"] }) }, 3851: function (e, t, n) { var i, a = (i = n(2394)) && i.__esModule ? i : { default: i }, r = n(8711), o = n(4713); function l(e) { return function (e) { if (Array.isArray(e)) return s(e) }(e) || function (e) { if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e) }(e) || function (e, t) { if (!e) return; if ("string" == typeof e) return s(e, t); var n = Object.prototype.toString.call(e).slice(8, -1); "Object" === n && e.constructor && (n = e.constructor.name); if ("Map" === n || "Set" === n) return Array.from(e); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return s(e, t) }(e) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function s(e, t) { (null == t || t > e.length) && (t = e.length); for (var n = 0, i = new Array(t); n < t; n++)i[n] = e[n]; return i } a.default.extendDefinitions({ A: { validator: "[A-Za-z\u0410-\u044f\u0401\u0451\xc0-\xff\xb5]", casing: "upper" }, "&": { validator: "[0-9A-Za-z\u0410-\u044f\u0401\u0451\xc0-\xff\xb5]", casing: "upper" }, "#": { validator: "[0-9A-Fa-f]", casing: "upper" } }); var c = new RegExp("25[0-5]|2[0-4][0-9]|[01][0-9][0-9]"); function u(e, t, n, i, a) { if (n - 1 > -1 && "." !== t.buffer[n - 1] ? (e = t.buffer[n - 1] + e, e = n - 2 > -1 && "." !== t.buffer[n - 2] ? t.buffer[n - 2] + e : "0" + e) : e = "00" + e, a.greedy && parseInt(e) > 255 && c.test("00" + e.charAt(2))) { var r = [].concat(l(t.buffer.slice(0, n)), [".", e.charAt(2)]); if (r.join("").match(/\./g).length < 4) return { refreshFromBuffer: !0, buffer: r, caret: n + 2 } } return c.test(e) } a.default.extendAliases({ cssunit: { regex: "[+-]?[0-9]+\\.?([0-9]+)?(px|em|rem|ex|%|in|cm|mm|pt|pc)" }, url: { regex: "(https?|ftp)://.*", autoUnmask: !1, keepStatic: !1, tabThrough: !0 }, ip: { mask: "i{1,3}.j{1,3}.k{1,3}.l{1,3}", definitions: { i: { validator: u }, j: { validator: u }, k: { validator: u }, l: { validator: u } }, onUnMask: function (e, t, n) { return e }, inputmode: "decimal", substitutes: { ",": "." } }, email: { mask: function (e) { var t = e.separator, n = e.quantifier, i = "*{1,64}[.*{1,64}][.*{1,64}][.*{1,63}]@-{1,63}.-{1,63}[.-{1,63}][.-{1,63}]", a = i; if (t) for (var r = 0; r < n; r++)a += "[".concat(t).concat(i, "]"); return a }, greedy: !1, casing: "lower", separator: null, quantifier: 5, skipOptionalPartCharacter: "", onBeforePaste: function (e, t) { return (e = e.toLowerCase()).replace("mailto:", "") }, definitions: { "*": { validator: "[0-9\uff11-\uff19A-Za-z\u0410-\u044f\u0401\u0451\xc0-\xff\xb5!#$%&'*+/=?^_`{|}~-]" }, "-": { validator: "[0-9A-Za-z-]" } }, onUnMask: function (e, t, n) { return e }, inputmode: "email" }, mac: { mask: "##:##:##:##:##:##" }, vin: { mask: "V{13}9{4}", definitions: { V: { validator: "[A-HJ-NPR-Za-hj-npr-z\\d]", casing: "upper" } }, clearIncomplete: !0, autoUnmask: !0 }, ssn: { mask: "999-99-9999", postValidation: function (e, t, n, i, a, l, s) { var c = o.getMaskTemplate.call(this, !0, r.getLastValidPosition.call(this), !0, !0); return /^(?!219-09-9999|078-05-1120)(?!666|000|9.{2}).{3}-(?!00).{2}-(?!0{4}).{4}$/.test(c.join("")) } } }) }, 207: function (e, t, n) { var i = l(n(2394)), a = l(n(7184)), r = n(8711), o = n(2839); function l(e) { return e && e.__esModule ? e : { default: e } } var s = i.default.dependencyLib; function c(e, t) { for (var n = "", a = 0; a < e.length; a++)i.default.prototype.definitions[e.charAt(a)] || t.definitions[e.charAt(a)] || t.optionalmarker[0] === e.charAt(a) || t.optionalmarker[1] === e.charAt(a) || t.quantifiermarker[0] === e.charAt(a) || t.quantifiermarker[1] === e.charAt(a) || t.groupmarker[0] === e.charAt(a) || t.groupmarker[1] === e.charAt(a) || t.alternatormarker === e.charAt(a) ? n += "\\" + e.charAt(a) : n += e.charAt(a); return n } function u(e, t, n, i) { if (e.length > 0 && t > 0 && (!n.digitsOptional || i)) { var a = e.indexOf(n.radixPoint), r = !1; n.negationSymbol.back === e[e.length - 1] && (r = !0, e.length--), -1 === a && (e.push(n.radixPoint), a = e.length - 1); for (var o = 1; o <= t; o++)isFinite(e[a + o]) || (e[a + o] = "0") } return r && e.push(n.negationSymbol.back), e } function f(e, t) { var n = 0; for (var i in "+" === e && (n = r.seekNext.call(this, t.validPositions.length - 1)), t.tests) if ((i = parseInt(i)) >= n) for (var a = 0, o = t.tests[i].length; a < o; a++)if ((void 0 === t.validPositions[i] || "-" === e) && t.tests[i][a].match.def === e) return i + (void 0 !== t.validPositions[i] && "-" !== e ? 1 : 0); return n } function p(e, t) { for (var n = -1, i = 0, a = t.validPositions.length; i < a; i++) { var r = t.validPositions[i]; if (r && r.match.def === e) { n = i; break } } return n } function d(e, t, n, i, a) { var r = t.buffer ? t.buffer.indexOf(a.radixPoint) : -1, o = (-1 !== r || i && a.jitMasking) && new RegExp(a.definitions[9].validator).test(e); return a._radixDance && -1 !== r && o && null == t.validPositions[r] ? { insert: { pos: r === n ? r + 1 : r, c: a.radixPoint }, pos: n } : o } i.default.extendAliases({ numeric: { mask: function (e) { e.repeat = 0, e.groupSeparator === e.radixPoint && e.digits && "0" !== e.digits && ("." === e.radixPoint ? e.groupSeparator = "," : "," === e.radixPoint ? e.groupSeparator = "." : e.groupSeparator = ""), " " === e.groupSeparator && (e.skipOptionalPartCharacter = void 0), e.placeholder.length > 1 && (e.placeholder = e.placeholder.charAt(0)), "radixFocus" === e.positionCaretOnClick && "" === e.placeholder && (e.positionCaretOnClick = "lvp"); var t = "0", n = e.radixPoint; !0 === e.numericInput && void 0 === e.__financeInput ? (t = "1", e.positionCaretOnClick = "radixFocus" === e.positionCaretOnClick ? "lvp" : e.positionCaretOnClick, e.digitsOptional = !1, isNaN(e.digits) && (e.digits = 2), e._radixDance = !1, n = "," === e.radixPoint ? "?" : "!", "" !== e.radixPoint && void 0 === e.definitions[n] && (e.definitions[n] = {}, e.definitions[n].validator = "[" + e.radixPoint + "]", e.definitions[n].placeholder = e.radixPoint, e.definitions[n].static = !0, e.definitions[n].generated = !0)) : (e.__financeInput = !1, e.numericInput = !0); var i, r = "[+]"; if (r += c(e.prefix, e), "" !== e.groupSeparator ? (void 0 === e.definitions[e.groupSeparator] && (e.definitions[e.groupSeparator] = {}, e.definitions[e.groupSeparator].validator = "[" + e.groupSeparator + "]", e.definitions[e.groupSeparator].placeholder = e.groupSeparator, e.definitions[e.groupSeparator].static = !0, e.definitions[e.groupSeparator].generated = !0), r += e._mask(e)) : r += "9{+}", void 0 !== e.digits && 0 !== e.digits) { var o = e.digits.toString().split(","); isFinite(o[0]) && o[1] && isFinite(o[1]) ? r += n + t + "{" + e.digits + "}" : (isNaN(e.digits) || parseInt(e.digits) > 0) && (e.digitsOptional || e.jitMasking ? (i = r + n + t + "{0," + e.digits + "}", e.keepStatic = !0) : r += n + t + "{" + e.digits + "}") } else e.inputmode = "numeric"; return r += c(e.suffix, e), r += "[-]", i && (r = [i + c(e.suffix, e) + "[-]", r]), e.greedy = !1, function (e) { void 0 === e.parseMinMaxOptions && (null !== e.min && (e.min = e.min.toString().replace(new RegExp((0, a.default)(e.groupSeparator), "g"), ""), "," === e.radixPoint && (e.min = e.min.replace(e.radixPoint, ".")), e.min = isFinite(e.min) ? parseFloat(e.min) : NaN, isNaN(e.min) && (e.min = Number.MIN_VALUE)), null !== e.max && (e.max = e.max.toString().replace(new RegExp((0, a.default)(e.groupSeparator), "g"), ""), "," === e.radixPoint && (e.max = e.max.replace(e.radixPoint, ".")), e.max = isFinite(e.max) ? parseFloat(e.max) : NaN, isNaN(e.max) && (e.max = Number.MAX_VALUE)), e.parseMinMaxOptions = "done") }(e), "" !== e.radixPoint && e.substituteRadixPoint && (e.substitutes["." == e.radixPoint ? "," : "."] = e.radixPoint), r }, _mask: function (e) { return "(" + e.groupSeparator + "999){+|1}" }, digits: "*", digitsOptional: !0, enforceDigitsOnBlur: !1, radixPoint: ".", positionCaretOnClick: "radixFocus", _radixDance: !0, groupSeparator: "", allowMinus: !0, negationSymbol: { front: "-", back: "" }, prefix: "", suffix: "", min: null, max: null, SetMaxOnOverflow: !1, step: 1, inputType: "text", unmaskAsNumber: !1, roundingFN: Math.round, inputmode: "decimal", shortcuts: { k: "1000", m: "1000000" }, placeholder: "0", greedy: !1, rightAlign: !0, insertMode: !0, autoUnmask: !1, skipOptionalPartCharacter: "", usePrototypeDefinitions: !1, stripLeadingZeroes: !0, substituteRadixPoint: !0, definitions: { 0: { validator: d }, 1: { validator: d, definitionSymbol: "9" }, 9: { validator: "[0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]", definitionSymbol: "*" }, "+": { validator: function (e, t, n, i, a) { return a.allowMinus && ("-" === e || e === a.negationSymbol.front) } }, "-": { validator: function (e, t, n, i, a) { return a.allowMinus && e === a.negationSymbol.back } } }, preValidation: function (e, t, n, i, a, r, o, l) { var s = this; if (!1 !== a.__financeInput && n === a.radixPoint) return !1; var c = e.indexOf(a.radixPoint), u = t; if (t = function (e, t, n, i, a) { return a._radixDance && a.numericInput && t !== a.negationSymbol.back && e <= n && (n > 0 || t == a.radixPoint) && (void 0 === i.validPositions[e - 1] || i.validPositions[e - 1].input !== a.negationSymbol.back) && (e -= 1), e }(t, n, c, r, a), "-" === n || n === a.negationSymbol.front) { if (!0 !== a.allowMinus) return !1; var d = !1, h = p("+", r), v = p("-", r); return -1 !== h && (d = [h, v]), !1 !== d ? { remove: d, caret: u - a.negationSymbol.back.length } : { insert: [{ pos: f.call(s, "+", r), c: a.negationSymbol.front, fromIsValid: !0 }, { pos: f.call(s, "-", r), c: a.negationSymbol.back, fromIsValid: void 0 }], caret: u + a.negationSymbol.back.length } } if (n === a.groupSeparator) return { caret: u }; if (l) return !0; if (-1 !== c && !0 === a._radixDance && !1 === i && n === a.radixPoint && void 0 !== a.digits && (isNaN(a.digits) || parseInt(a.digits) > 0) && c !== t) { var m = f.call(s, a.radixPoint, r); return r.validPositions[m] && (r.validPositions[m].generatedInput = r.validPositions[m].generated || !1), { caret: a._radixDance && t === c - 1 ? c + 1 : c } } if (!1 === a.__financeInput) if (i) { if (a.digitsOptional) return { rewritePosition: o.end }; if (!a.digitsOptional) { if (o.begin > c && o.end <= c) return n === a.radixPoint ? { insert: { pos: c + 1, c: "0", fromIsValid: !0 }, rewritePosition: c } : { rewritePosition: c + 1 }; if (o.begin < c) return { rewritePosition: o.begin - 1 } } } else if (!a.showMaskOnHover && !a.showMaskOnFocus && !a.digitsOptional && a.digits > 0 && "" === this.__valueGet.call(this.el)) return { rewritePosition: c }; return { rewritePosition: t } }, postValidation: function (e, t, n, i, a, r, o) { if (!1 === i) return i; if (o) return !0; if (null !== a.min || null !== a.max) { var l = a.onUnMask(e.slice().reverse().join(""), void 0, s.extend({}, a, { unmaskAsNumber: !0 })); if (null !== a.min && l < a.min && (l.toString().length > a.min.toString().length || l < 0)) return !1; if (null !== a.max && l > a.max) return !!a.SetMaxOnOverflow && { refreshFromBuffer: !0, buffer: u(a.max.toString().replace(".", a.radixPoint).split(""), a.digits, a).reverse() } } return i }, onUnMask: function (e, t, n) { if ("" === t && !0 === n.nullable) return t; var i = e.replace(n.prefix, ""); return i = (i = i.replace(n.suffix, "")).replace(new RegExp((0, a.default)(n.groupSeparator), "g"), ""), "" !== n.placeholder.charAt(0) && (i = i.replace(new RegExp(n.placeholder.charAt(0), "g"), "0")), n.unmaskAsNumber ? ("" !== n.radixPoint && -1 !== i.indexOf(n.radixPoint) && (i = i.replace(a.default.call(this, n.radixPoint), ".")), i = (i = i.replace(new RegExp("^" + (0, a.default)(n.negationSymbol.front)), "-")).replace(new RegExp((0, a.default)(n.negationSymbol.back) + "$"), ""), Number(i)) : i }, isComplete: function (e, t) { var n = (t.numericInput ? e.slice().reverse() : e).join(""); return n = (n = (n = (n = (n = n.replace(new RegExp("^" + (0, a.default)(t.negationSymbol.front)), "-")).replace(new RegExp((0, a.default)(t.negationSymbol.back) + "$"), "")).replace(t.prefix, "")).replace(t.suffix, "")).replace(new RegExp((0, a.default)(t.groupSeparator) + "([0-9]{3})", "g"), "$1"), "," === t.radixPoint && (n = n.replace((0, a.default)(t.radixPoint), ".")), isFinite(n) }, onBeforeMask: function (e, t) { var n = t.radixPoint || ","; isFinite(t.digits) && (t.digits = parseInt(t.digits)), "number" != typeof e && "number" !== t.inputType || "" === n || (e = e.toString().replace(".", n)); var i = "-" === e.charAt(0) || e.charAt(0) === t.negationSymbol.front, r = e.split(n), o = r[0].replace(/[^\-0-9]/g, ""), l = r.length > 1 ? r[1].replace(/[^0-9]/g, "") : "", s = r.length > 1; e = o + ("" !== l ? n + l : l); var c = 0; if ("" !== n && (c = t.digitsOptional ? t.digits < l.length ? t.digits : l.length : t.digits, "" !== l || !t.digitsOptional)) { var f = Math.pow(10, c || 1); e = e.replace((0, a.default)(n), "."), isNaN(parseFloat(e)) || (e = (t.roundingFN(parseFloat(e) * f) / f).toFixed(c)), e = e.toString().replace(".", n) } if (0 === t.digits && -1 !== e.indexOf(n) && (e = e.substring(0, e.indexOf(n))), null !== t.min || null !== t.max) { var p = e.toString().replace(n, "."); null !== t.min && p < t.min ? e = t.min.toString().replace(".", n) : null !== t.max && p > t.max && (e = t.max.toString().replace(".", n)) } return i && "-" !== e.charAt(0) && (e = "-" + e), u(e.toString().split(""), c, t, s).join("") }, onBeforeWrite: function (e, t, n, i) { function r(e, t) { if (!1 !== i.__financeInput || t) { var n = e.indexOf(i.radixPoint); -1 !== n && e.splice(n, 1) } if ("" !== i.groupSeparator) for (; -1 !== (n = e.indexOf(i.groupSeparator));)e.splice(n, 1); return e } var o, l; if (i.stripLeadingZeroes && (l = function (e, t) { var n = new RegExp("(^" + ("" !== t.negationSymbol.front ? (0, a.default)(t.negationSymbol.front) + "?" : "") + (0, a.default)(t.prefix) + ")(.*)(" + (0, a.default)(t.suffix) + ("" != t.negationSymbol.back ? (0, a.default)(t.negationSymbol.back) + "?" : "") + "$)").exec(e.slice().reverse().join("")), i = n ? n[2] : "", r = !1; return i && (i = i.split(t.radixPoint.charAt(0))[0], r = new RegExp("^[0" + t.groupSeparator + "]*").exec(i)), !(!r || !(r[0].length > 1 || r[0].length > 0 && r[0].length < i.length)) && r }(t, i))) for (var c = t.join("").lastIndexOf(l[0].split("").reverse().join("")) - (l[0] == l.input ? 0 : 1), f = l[0] == l.input ? 1 : 0, p = l[0].length - f; p > 0; p--)this.maskset.validPositions.splice(c + p, 1), delete t[c + p]; if (e) switch (e.type) { case "blur": case "checkval": if (null !== i.min) { var d = i.onUnMask(t.slice().reverse().join(""), void 0, s.extend({}, i, { unmaskAsNumber: !0 })); if (null !== i.min && d < i.min) return { refreshFromBuffer: !0, buffer: u(i.min.toString().replace(".", i.radixPoint).split(""), i.digits, i).reverse() } } if (t[t.length - 1] === i.negationSymbol.front) { var h = new RegExp("(^" + ("" != i.negationSymbol.front ? (0, a.default)(i.negationSymbol.front) + "?" : "") + (0, a.default)(i.prefix) + ")(.*)(" + (0, a.default)(i.suffix) + ("" != i.negationSymbol.back ? (0, a.default)(i.negationSymbol.back) + "?" : "") + "$)").exec(r(t.slice(), !0).reverse().join("")); 0 == (h ? h[2] : "") && (o = { refreshFromBuffer: !0, buffer: [0] }) } else if ("" !== i.radixPoint) { t.indexOf(i.radixPoint) === i.suffix.length && (o && o.buffer ? o.buffer.splice(0, 1 + i.suffix.length) : (t.splice(0, 1 + i.suffix.length), o = { refreshFromBuffer: !0, buffer: r(t) })) } if (i.enforceDigitsOnBlur) { var v = (o = o || {}) && o.buffer || t.slice().reverse(); o.refreshFromBuffer = !0, o.buffer = u(v, i.digits, i, !0).reverse() } }return o }, onKeyDown: function (e, t, n, i) { var a, r = s(this); if (3 != e.location) { var l, c = e.key; if ((l = i.shortcuts && i.shortcuts[c]) && l.length > 1) return this.inputmask.__valueSet.call(this, parseFloat(this.inputmask.unmaskedvalue()) * parseInt(l)), r.trigger("setvalue"), !1 } if (e.ctrlKey) switch (e.key) { case o.keys.ArrowUp: return this.inputmask.__valueSet.call(this, parseFloat(this.inputmask.unmaskedvalue()) + parseInt(i.step)), r.trigger("setvalue"), !1; case o.keys.ArrowDown: return this.inputmask.__valueSet.call(this, parseFloat(this.inputmask.unmaskedvalue()) - parseInt(i.step)), r.trigger("setvalue"), !1 }if (!e.shiftKey && (e.key === o.keys.Delete || e.key === o.keys.Backspace || e.key === o.keys.BACKSPACE_SAFARI) && n.begin !== t.length) { if (t[e.key === o.keys.Delete ? n.begin - 1 : n.end] === i.negationSymbol.front) return a = t.slice().reverse(), "" !== i.negationSymbol.front && a.shift(), "" !== i.negationSymbol.back && a.pop(), r.trigger("setvalue", [a.join(""), n.begin]), !1; if (!0 === i._radixDance) { var f = t.indexOf(i.radixPoint); if (i.digitsOptional) { if (0 === f) return (a = t.slice().reverse()).pop(), r.trigger("setvalue", [a.join(""), n.begin >= a.length ? a.length : n.begin]), !1 } else if (-1 !== f && (n.begin < f || n.end < f || e.key === o.keys.Delete && (n.begin === f || n.begin - 1 === f))) { var p = void 0; return n.begin === n.end && (e.key === o.keys.Backspace || e.key === o.keys.BACKSPACE_SAFARI ? n.begin++ : e.key === o.keys.Delete && n.begin - 1 === f && (p = s.extend({}, n), n.begin--, n.end--)), (a = t.slice().reverse()).splice(a.length - n.begin, n.begin - n.end + 1), a = u(a, i.digits, i).join(""), p && (n = p), r.trigger("setvalue", [a, n.begin >= a.length ? f + 1 : n.begin]), !1 } } } } }, currency: { prefix: "", groupSeparator: ",", alias: "numeric", digits: 2, digitsOptional: !1 }, decimal: { alias: "numeric" }, integer: { alias: "numeric", inputmode: "numeric", digits: 0 }, percentage: { alias: "numeric", min: 0, max: 100, suffix: " %", digits: 0, allowMinus: !1 }, indianns: { alias: "numeric", _mask: function (e) { return "(" + e.groupSeparator + "99){*|1}(" + e.groupSeparator + "999){1|1}" }, groupSeparator: ",", radixPoint: ".", placeholder: "0", digits: 2, digitsOptional: !1 } }) }, 9380: function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = void 0; var n = !("undefined" == typeof window || !window.document || !window.document.createElement); t.default = n ? window : {} }, 7760: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.HandleNativePlaceholder = function (e, t) { var n = e ? e.inputmask : this; if (l.ie) { if (e.inputmask._valueGet() !== t && (e.placeholder !== t || "" === e.placeholder)) { var i = r.getBuffer.call(n).slice(), a = e.inputmask._valueGet(); if (a !== t) { var o = r.getLastValidPosition.call(n); -1 === o && a === r.getBufferTemplate.call(n).join("") ? i = [] : -1 !== o && u.call(n, i), p(e, i) } } } else e.placeholder !== t && (e.placeholder = t, "" === e.placeholder && e.removeAttribute("placeholder")) }, t.applyInputValue = c, t.checkVal = f, t.clearOptionalTail = u, t.unmaskedvalue = function (e) { var t = e ? e.inputmask : this, n = t.opts, i = t.maskset; if (e) { if (void 0 === e.inputmask) return e.value; e.inputmask && e.inputmask.refreshValue && c(e, e.inputmask._valueGet(!0)) } for (var a = [], o = i.validPositions, l = 0, s = o.length; l < s; l++)o[l] && o[l].match && (1 != o[l].match.static || Array.isArray(i.metadata) && !0 !== o[l].generatedInput) && a.push(o[l].input); var u = 0 === a.length ? "" : (t.isRTL ? a.reverse() : a).join(""); if ("function" == typeof n.onUnMask) { var f = (t.isRTL ? r.getBuffer.call(t).slice().reverse() : r.getBuffer.call(t)).join(""); u = n.onUnMask.call(t, f, u, n) } return u }, t.writeBuffer = p; var i = n(2839), a = n(4713), r = n(8711), o = n(7215), l = n(9845), s = n(6030); function c(e, t) { var n = e ? e.inputmask : this, i = n.opts; e.inputmask.refreshValue = !1, "function" == typeof i.onBeforeMask && (t = i.onBeforeMask.call(n, t, i) || t), f(e, !0, !1, t = (t || "").toString().split("")), n.undoValue = n._valueGet(!0), (i.clearMaskOnLostFocus || i.clearIncomplete) && e.inputmask._valueGet() === r.getBufferTemplate.call(n).join("") && -1 === r.getLastValidPosition.call(n) && e.inputmask._valueSet("") } function u(e) { e.length = 0; for (var t, n = a.getMaskTemplate.call(this, !0, 0, !0, void 0, !0); void 0 !== (t = n.shift());)e.push(t); return e } function f(e, t, n, i, l) { var c = e ? e.inputmask : this, u = c.maskset, f = c.opts, d = c.dependencyLib, h = i.slice(), v = "", m = -1, g = void 0, y = f.skipOptionalPartCharacter; f.skipOptionalPartCharacter = "", r.resetMaskSet.call(c, !1), c.clicked = 0, m = f.radixPoint ? r.determineNewCaretPosition.call(c, { begin: 0, end: 0 }, !1, !1 === f.__financeInput ? "radixFocus" : void 0).begin : 0, u.p = m, c.caretPos = { begin: m }; var k = [], b = c.caretPos; if (h.forEach((function (e, t) { if (void 0 !== e) { var i = new d.Event("_checkval"); i.key = e, v += e; var o = r.getLastValidPosition.call(c, void 0, !0); !function (e, t) { for (var n = a.getMaskTemplate.call(c, !0, 0).slice(e, r.seekNext.call(c, e, !1, !1)).join("").replace(/'/g, ""), i = n.indexOf(t); i > 0 && " " === n[i - 1];)i--; var o = 0 === i && !r.isMask.call(c, e) && (a.getTest.call(c, e).match.nativeDef === t.charAt(0) || !0 === a.getTest.call(c, e).match.static && a.getTest.call(c, e).match.nativeDef === "'" + t.charAt(0) || " " === a.getTest.call(c, e).match.nativeDef && (a.getTest.call(c, e + 1).match.nativeDef === t.charAt(0) || !0 === a.getTest.call(c, e + 1).match.static && a.getTest.call(c, e + 1).match.nativeDef === "'" + t.charAt(0))); if (!o && i > 0 && !r.isMask.call(c, e, !1, !0)) { var l = r.seekNext.call(c, e); c.caretPos.begin < l && (c.caretPos = { begin: l }) } return o }(m, v) ? (g = s.EventHandlers.keypressEvent.call(c, i, !0, !1, n, c.caretPos.begin)) && (m = c.caretPos.begin + 1, v = "") : g = s.EventHandlers.keypressEvent.call(c, i, !0, !1, n, o + 1), g ? (void 0 !== g.pos && u.validPositions[g.pos] && !0 === u.validPositions[g.pos].match.static && void 0 === u.validPositions[g.pos].alternation && (k.push(g.pos), c.isRTL || (g.forwardPosition = g.pos + 1)), p.call(c, void 0, r.getBuffer.call(c), g.forwardPosition, i, !1), c.caretPos = { begin: g.forwardPosition, end: g.forwardPosition }, b = c.caretPos) : void 0 === u.validPositions[t] && h[t] === a.getPlaceholder.call(c, t) && r.isMask.call(c, t, !0) ? c.caretPos.begin++ : c.caretPos = b } })), k.length > 0) { var x, P, w = r.seekNext.call(c, -1, void 0, !1); if (!o.isComplete.call(c, r.getBuffer.call(c)) && k.length <= w || o.isComplete.call(c, r.getBuffer.call(c)) && k.length > 0 && k.length !== w && 0 === k[0]) for (var S = w; void 0 !== (x = k.shift());)if (x < S) { var O = new d.Event("_checkval"); if ((P = u.validPositions[x]).generatedInput = !0, O.key = P.input, (g = s.EventHandlers.keypressEvent.call(c, O, !0, !1, n, S)) && void 0 !== g.pos && g.pos !== x && u.validPositions[g.pos] && !0 === u.validPositions[g.pos].match.static) k.push(g.pos); else if (!g) break; S++ } } t && p.call(c, e, r.getBuffer.call(c), g ? g.forwardPosition : c.caretPos.begin, l || new d.Event("checkval"), l && ("input" === l.type && c.undoValue !== r.getBuffer.call(c).join("") || "paste" === l.type)), f.skipOptionalPartCharacter = y } function p(e, t, n, a, l) { var s = e ? e.inputmask : this, c = s.opts, u = s.dependencyLib; if (a && "function" == typeof c.onBeforeWrite) { var f = c.onBeforeWrite.call(s, a, t, n, c); if (f) { if (f.refreshFromBuffer) { var p = f.refreshFromBuffer; o.refreshFromBuffer.call(s, !0 === p ? p : p.start, p.end, f.buffer || t), t = r.getBuffer.call(s, !0) } void 0 !== n && (n = void 0 !== f.caret ? f.caret : n) } } if (void 0 !== e && (e.inputmask._valueSet(t.join("")), void 0 === n || void 0 !== a && "blur" === a.type || r.caret.call(s, e, n, void 0, void 0, void 0 !== a && "keydown" === a.type && (a.key === i.keys.Delete || a.key === i.keys.Backspace)), !0 === l)) { var d = u(e), h = e.inputmask._valueGet(); e.inputmask.skipInputEvent = !0, d.trigger("input"), setTimeout((function () { h === r.getBufferTemplate.call(s).join("") ? d.trigger("cleared") : !0 === o.isComplete.call(s, t) && d.trigger("complete") }), 0) } } }, 2394: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = void 0; var i = n(157), a = v(n(4963)), r = v(n(9380)), o = n(2391), l = n(4713), s = n(8711), c = n(7215), u = n(7760), f = n(9716), p = v(n(7392)), d = v(n(3976)); function h(e) { return h = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, h(e) } function v(e) { return e && e.__esModule ? e : { default: e } } var m = r.default.document, g = "_inputmask_opts"; function y(e, t, n) { if (!(this instanceof y)) return new y(e, t, n); this.dependencyLib = a.default, this.el = void 0, this.events = {}, this.maskset = void 0, !0 !== n && ("[object Object]" === Object.prototype.toString.call(e) ? t = e : (t = t || {}, e && (t.alias = e)), this.opts = a.default.extend(!0, {}, this.defaults, t), this.noMasksCache = t && void 0 !== t.definitions, this.userOptions = t || {}, k(this.opts.alias, t, this.opts)), this.refreshValue = !1, this.undoValue = void 0, this.$el = void 0, this.skipInputEvent = !1, this.validationEvent = !1, this.ignorable = !1, this.maxLength, this.mouseEnter = !1, this.clicked = 0, this.originalPlaceholder = void 0, this.isComposing = !1, this.hasAlternator = !1 } function k(e, t, n) { var i = y.prototype.aliases[e]; return i ? (i.alias && k(i.alias, void 0, n), a.default.extend(!0, n, i), a.default.extend(!0, n, t), !0) : (null === n.mask && (n.mask = e), !1) } y.prototype = { dataAttribute: "data-inputmask", defaults: d.default, definitions: p.default, aliases: {}, masksCache: {}, i18n: {}, get isRTL() { return this.opts.isRTL || this.opts.numericInput }, mask: function (e) { var t = this; return "string" == typeof e && (e = m.getElementById(e) || m.querySelectorAll(e)), (e = e.nodeName ? [e] : Array.isArray(e) ? e : [].slice.call(e)).forEach((function (e, n) { var l = a.default.extend(!0, {}, t.opts); if (function (e, t, n, i) { function o(t, a) { var o = "" === i ? t : i + "-" + t; null !== (a = void 0 !== a ? a : e.getAttribute(o)) && ("string" == typeof a && (0 === t.indexOf("on") ? a = r.default[a] : "false" === a ? a = !1 : "true" === a && (a = !0)), n[t] = a) } if (!0 === t.importDataAttributes) { var l, s, c, u, f = e.getAttribute(i); if (f && "" !== f && (f = f.replace(/'/g, '"'), s = JSON.parse("{" + f + "}")), s) for (u in c = void 0, s) if ("alias" === u.toLowerCase()) { c = s[u]; break } for (l in o("alias", c), n.alias && k(n.alias, n, t), t) { if (s) for (u in c = void 0, s) if (u.toLowerCase() === l.toLowerCase()) { c = s[u]; break } o(l, c) } } a.default.extend(!0, t, n), ("rtl" === e.dir || t.rightAlign) && (e.style.textAlign = "right"); ("rtl" === e.dir || t.numericInput) && (e.dir = "ltr", e.removeAttribute("dir"), t.isRTL = !0); return Object.keys(n).length }(e, l, a.default.extend(!0, {}, t.userOptions), t.dataAttribute)) { var s = (0, o.generateMaskSet)(l, t.noMasksCache); void 0 !== s && (void 0 !== e.inputmask && (e.inputmask.opts.autoUnmask = !0, e.inputmask.remove()), e.inputmask = new y(void 0, void 0, !0), e.inputmask.opts = l, e.inputmask.noMasksCache = t.noMasksCache, e.inputmask.userOptions = a.default.extend(!0, {}, t.userOptions), e.inputmask.el = e, e.inputmask.$el = (0, a.default)(e), e.inputmask.maskset = s, a.default.data(e, g, t.userOptions), i.mask.call(e.inputmask)) } })), e && e[0] && e[0].inputmask || this }, option: function (e, t) { return "string" == typeof e ? this.opts[e] : "object" === h(e) ? (a.default.extend(this.userOptions, e), this.el && !0 !== t && this.mask(this.el), this) : void 0 }, unmaskedvalue: function (e) { if (this.maskset = this.maskset || (0, o.generateMaskSet)(this.opts, this.noMasksCache), void 0 === this.el || void 0 !== e) { var t = ("function" == typeof this.opts.onBeforeMask && this.opts.onBeforeMask.call(this, e, this.opts) || e).split(""); u.checkVal.call(this, void 0, !1, !1, t), "function" == typeof this.opts.onBeforeWrite && this.opts.onBeforeWrite.call(this, void 0, s.getBuffer.call(this), 0, this.opts) } return u.unmaskedvalue.call(this, this.el) }, remove: function () { if (this.el) { a.default.data(this.el, g, null); var e = this.opts.autoUnmask ? (0, u.unmaskedvalue)(this.el) : this._valueGet(this.opts.autoUnmask); e !== s.getBufferTemplate.call(this).join("") ? this._valueSet(e, this.opts.autoUnmask) : this._valueSet(""), f.EventRuler.off(this.el), Object.getOwnPropertyDescriptor && Object.getPrototypeOf ? Object.getOwnPropertyDescriptor(Object.getPrototypeOf(this.el), "value") && this.__valueGet && Object.defineProperty(this.el, "value", { get: this.__valueGet, set: this.__valueSet, configurable: !0 }) : m.__lookupGetter__ && this.el.__lookupGetter__("value") && this.__valueGet && (this.el.__defineGetter__("value", this.__valueGet), this.el.__defineSetter__("value", this.__valueSet)), this.el.inputmask = void 0 } return this.el }, getemptymask: function () { return this.maskset = this.maskset || (0, o.generateMaskSet)(this.opts, this.noMasksCache), (this.isRTL ? s.getBufferTemplate.call(this).reverse() : s.getBufferTemplate.call(this)).join("") }, hasMaskedValue: function () { return !this.opts.autoUnmask }, isComplete: function () { return this.maskset = this.maskset || (0, o.generateMaskSet)(this.opts, this.noMasksCache), c.isComplete.call(this, s.getBuffer.call(this)) }, getmetadata: function () { if (this.maskset = this.maskset || (0, o.generateMaskSet)(this.opts, this.noMasksCache), Array.isArray(this.maskset.metadata)) { var e = l.getMaskTemplate.call(this, !0, 0, !1).join(""); return this.maskset.metadata.forEach((function (t) { return t.mask !== e || (e = t, !1) })), e } return this.maskset.metadata }, isValid: function (e) { if (this.maskset = this.maskset || (0, o.generateMaskSet)(this.opts, this.noMasksCache), e) { var t = ("function" == typeof this.opts.onBeforeMask && this.opts.onBeforeMask.call(this, e, this.opts) || e).split(""); u.checkVal.call(this, void 0, !0, !1, t) } else e = this.isRTL ? s.getBuffer.call(this).slice().reverse().join("") : s.getBuffer.call(this).join(""); for (var n = s.getBuffer.call(this), i = s.determineLastRequiredPosition.call(this), a = n.length - 1; a > i && !s.isMask.call(this, a); a--); return n.splice(i, a + 1 - i), c.isComplete.call(this, n) && e === (this.isRTL ? s.getBuffer.call(this).slice().reverse().join("") : s.getBuffer.call(this).join("")) }, format: function (e, t) { this.maskset = this.maskset || (0, o.generateMaskSet)(this.opts, this.noMasksCache); var n = ("function" == typeof this.opts.onBeforeMask && this.opts.onBeforeMask.call(this, e, this.opts) || e).split(""); u.checkVal.call(this, void 0, !0, !1, n); var i = this.isRTL ? s.getBuffer.call(this).slice().reverse().join("") : s.getBuffer.call(this).join(""); return t ? { value: i, metadata: this.getmetadata() } : i }, setValue: function (e) { this.el && (0, a.default)(this.el).trigger("setvalue", [e]) }, analyseMask: o.analyseMask }, y.extendDefaults = function (e) { a.default.extend(!0, y.prototype.defaults, e) }, y.extendDefinitions = function (e) { a.default.extend(!0, y.prototype.definitions, e) }, y.extendAliases = function (e) { a.default.extend(!0, y.prototype.aliases, e) }, y.format = function (e, t, n) { return y(t).format(e, n) }, y.unmask = function (e, t) { return y(t).unmaskedvalue(e) }, y.isValid = function (e, t) { return y(t).isValid(e) }, y.remove = function (e) { "string" == typeof e && (e = m.getElementById(e) || m.querySelectorAll(e)), (e = e.nodeName ? [e] : e).forEach((function (e) { e.inputmask && e.inputmask.remove() })) }, y.setValue = function (e, t) { "string" == typeof e && (e = m.getElementById(e) || m.querySelectorAll(e)), (e = e.nodeName ? [e] : e).forEach((function (e) { e.inputmask ? e.inputmask.setValue(t) : (0, a.default)(e).trigger("setvalue", [t]) })) }, y.dependencyLib = a.default, r.default.Inputmask = y; t.default = y }, 5296: function (e, t, n) { function i(e) { return i = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, i(e) } var a = d(n(9380)), r = d(n(2394)); function o(e, t) { for (var n = 0; n < t.length; n++) { var a = t[n]; a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, (r = a.key, o = void 0, o = function (e, t) { if ("object" !== i(e) || null === e) return e; var n = e[Symbol.toPrimitive]; if (void 0 !== n) { var a = n.call(e, t || "default"); if ("object" !== i(a)) return a; throw new TypeError("@@toPrimitive must return a primitive value.") } return ("string" === t ? String : Number)(e) }(r, "string"), "symbol" === i(o) ? o : String(o)), a) } var r, o } function l(e) { var t = u(); return function () { var n, a = p(e); if (t) { var r = p(this).constructor; n = Reflect.construct(a, arguments, r) } else n = a.apply(this, arguments); return function (e, t) { if (t && ("object" === i(t) || "function" == typeof t)) return t; if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined"); return function (e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e }(e) }(this, n) } } function s(e) { var t = "function" == typeof Map ? new Map : void 0; return s = function (e) { if (null === e || !function (e) { try { return -1 !== Function.toString.call(e).indexOf("[native code]") } catch (t) { return "function" == typeof e } }(e)) return e; if ("function" != typeof e) throw new TypeError("Super expression must either be null or a function"); if (void 0 !== t) { if (t.has(e)) return t.get(e); t.set(e, n) } function n() { return c(e, arguments, p(this).constructor) } return n.prototype = Object.create(e.prototype, { constructor: { value: n, enumerable: !1, writable: !0, configurable: !0 } }), f(n, e) }, s(e) } function c(e, t, n) { return c = u() ? Reflect.construct.bind() : function (e, t, n) { var i = [null]; i.push.apply(i, t); var a = new (Function.bind.apply(e, i)); return n && f(a, n.prototype), a }, c.apply(null, arguments) } function u() { if ("undefined" == typeof Reflect || !Reflect.construct) return !1; if (Reflect.construct.sham) return !1; if ("function" == typeof Proxy) return !0; try { return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function () { }))), !0 } catch (e) { return !1 } } function f(e, t) { return f = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (e, t) { return e.__proto__ = t, e }, f(e, t) } function p(e) { return p = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (e) { return e.__proto__ || Object.getPrototypeOf(e) }, p(e) } function d(e) { return e && e.__esModule ? e : { default: e } } var h = a.default.document; if (h && h.head && h.head.attachShadow && a.default.customElements && void 0 === a.default.customElements.get("input-mask")) { var v = function (e) { !function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), t && f(e, t) }(s, e); var t, n, i, a = l(s); function s() { var e; !function (e, t) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function") }(this, s); var t = (e = a.call(this)).getAttributeNames(), n = e.attachShadow({ mode: "closed" }); for (var i in e.input = h.createElement("input"), e.input.type = "text", n.appendChild(e.input), t) Object.prototype.hasOwnProperty.call(t, i) && e.input.setAttribute(t[i], e.getAttribute(t[i])); var o = new r.default; return o.dataAttribute = "", o.mask(e.input), e.input.inputmask.shadowRoot = n, e } return t = s, (n = [{ key: "attributeChangedCallback", value: function (e, t, n) { this.input.setAttribute(e, n) } }, { key: "value", get: function () { return this.input.value }, set: function (e) { this.input.value = e } }]) && o(t.prototype, n), i && o(t, i), Object.defineProperty(t, "prototype", { writable: !1 }), s }(s(HTMLElement)); a.default.customElements.define("input-mask", v) } }, 2839: function (e, t) { function n(e) { return n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, n(e) } function i(e, t) { return function (e) { if (Array.isArray(e)) return e }(e) || function (e, t) { var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"]; if (null != n) { var i, a, r, o, l = [], s = !0, c = !1; try { if (r = (n = n.call(e)).next, 0 === t) { if (Object(n) !== n) return; s = !1 } else for (; !(s = (i = r.call(n)).done) && (l.push(i.value), l.length !== t); s = !0); } catch (e) { c = !0, a = e } finally { try { if (!s && null != n.return && (o = n.return(), Object(o) !== o)) return } finally { if (c) throw a } } return l } }(e, t) || function (e, t) { if (!e) return; if ("string" == typeof e) return a(e, t); var n = Object.prototype.toString.call(e).slice(8, -1); "Object" === n && e.constructor && (n = e.constructor.name); if ("Map" === n || "Set" === n) return Array.from(e); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return a(e, t) }(e, t) || function () { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function a(e, t) { (null == t || t > e.length) && (t = e.length); for (var n = 0, i = new Array(t); n < t; n++)i[n] = e[n]; return i } function r(e, t) { var n = Object.keys(e); if (Object.getOwnPropertySymbols) { var i = Object.getOwnPropertySymbols(e); t && (i = i.filter((function (t) { return Object.getOwnPropertyDescriptor(e, t).enumerable }))), n.push.apply(n, i) } return n } function o(e, t, i) { return (t = function (e) { var t = function (e, t) { if ("object" !== n(e) || null === e) return e; var i = e[Symbol.toPrimitive]; if (void 0 !== i) { var a = i.call(e, t || "default"); if ("object" !== n(a)) return a; throw new TypeError("@@toPrimitive must return a primitive value.") } return ("string" === t ? String : Number)(e) }(e, "string"); return "symbol" === n(t) ? t : String(t) }(t)) in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e } Object.defineProperty(t, "__esModule", { value: !0 }), t.keys = t.keyCode = t.ignorables = void 0, t.toKey = function (e, t) { return c[e] || (t ? String.fromCharCode(e) : String.fromCharCode(e).toLowerCase()) }, t.toKeyCode = function (e) { return s[e] }; var l = t.ignorables = { Alt: 18, AltGraph: 18, ArrowDown: 40, ArrowLeft: 37, ArrowRight: 39, ArrowUp: 38, Backspace: 8, CapsLock: 20, Control: 17, ContextMenu: 93, Dead: 221, Delete: 46, End: 35, Escape: 27, F1: 112, F2: 113, F3: 114, F4: 115, F5: 116, F6: 117, F7: 118, F8: 119, F9: 120, F10: 121, F11: 122, F12: 123, Home: 36, Insert: 45, NumLock: 144, PageDown: 34, PageUp: 33, Pause: 19, PrintScreen: 44, Process: 229, Shift: 16, ScrollLock: 145, Tab: 9, Unidentified: 229 }, s = t.keyCode = function (e) { for (var t = 1; t < arguments.length; t++) { var n = null != arguments[t] ? arguments[t] : {}; t % 2 ? r(Object(n), !0).forEach((function (t) { o(e, t, n[t]) })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : r(Object(n)).forEach((function (t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t)) })) } return e }({ c: 67, x: 88, z: 90, BACKSPACE_SAFARI: 127, Enter: 13, Meta_LEFT: 91, Meta_RIGHT: 92, Space: 32 }, l), c = Object.entries(s).reduce((function (e, t) { var n = i(t, 2), a = n[0], r = n[1]; return e[r] = void 0 === e[r] ? a : e[r], e }), {}); t.keys = Object.entries(s).reduce((function (e, t) { var n = i(t, 2), a = n[0]; n[1]; return e[a] = "Space" === a ? " " : a, e }), {}) }, 2391: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.analyseMask = function (e, t, n) { var i, o, s, c, u, f, p = /(?:[?*+]|\{[0-9+*]+(?:,[0-9+*]*)?(?:\|[0-9+*]*)?\})|[^.?*+^${[]()|\\]+|./g, d = /\[\^?]?(?:[^\\\]]+|\\[\S\s]?)*]?|\\(?:0(?:[0-3][0-7]{0,2}|[4-7][0-7]?)?|[1-9][0-9]*|x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4}|c[A-Za-z]|[\S\s]?)|\((?:\?[:=!]?)?|(?:[?*+]|\{[0-9]+(?:,[0-9]*)?\})\??|[^.?*+^${[()|\\]+|./g, h = !1, v = new a.default, m = [], g = [], y = !1; function k(e, i, a) { a = void 0 !== a ? a : e.matches.length; var o = e.matches[a - 1]; if (t) { if (0 === i.indexOf("[") || h && /\\d|\\s|\\w|\\p/i.test(i) || "." === i) { var s = n.casing ? "i" : ""; /\\p\{.*}/i.test(i) && (s += "u"), e.matches.splice(a++, 0, { fn: new RegExp(i, s), static: !1, optionality: !1, newBlockMarker: void 0 === o ? "master" : o.def !== i, casing: null, def: i, placeholder: "object" === l(n.placeholder) ? n.placeholder[v.matches.length] : void 0, nativeDef: i }) } else h && (i = i[i.length - 1]), i.split("").forEach((function (t, i) { o = e.matches[a - 1], e.matches.splice(a++, 0, { fn: /[a-z]/i.test(n.staticDefinitionSymbol || t) ? new RegExp("[" + (n.staticDefinitionSymbol || t) + "]", n.casing ? "i" : "") : null, static: !0, optionality: !1, newBlockMarker: void 0 === o ? "master" : o.def !== t && !0 !== o.static, casing: null, def: n.staticDefinitionSymbol || t, placeholder: void 0 !== n.staticDefinitionSymbol ? t : "object" === l(n.placeholder) ? n.placeholder[v.matches.length] : void 0, nativeDef: (h ? "'" : "") + t }) })); h = !1 } else { var c = n.definitions && n.definitions[i] || n.usePrototypeDefinitions && r.default.prototype.definitions[i]; c && !h ? e.matches.splice(a++, 0, { fn: c.validator ? "string" == typeof c.validator ? new RegExp(c.validator, n.casing ? "i" : "") : new function () { this.test = c.validator } : new RegExp("."), static: c.static || !1, optionality: c.optional || !1, defOptionality: c.optional || !1, newBlockMarker: void 0 === o || c.optional ? "master" : o.def !== (c.definitionSymbol || i), casing: c.casing, def: c.definitionSymbol || i, placeholder: c.placeholder, nativeDef: i, generated: c.generated }) : (e.matches.splice(a++, 0, { fn: /[a-z]/i.test(n.staticDefinitionSymbol || i) ? new RegExp("[" + (n.staticDefinitionSymbol || i) + "]", n.casing ? "i" : "") : null, static: !0, optionality: !1, newBlockMarker: void 0 === o ? "master" : o.def !== i && !0 !== o.static, casing: null, def: n.staticDefinitionSymbol || i, placeholder: void 0 !== n.staticDefinitionSymbol ? i : void 0, nativeDef: (h ? "'" : "") + i }), h = !1) } } function b() { if (m.length > 0) { if (k(c = m[m.length - 1], o), c.isAlternator) { u = m.pop(); for (var e = 0; e < u.matches.length; e++)u.matches[e].isGroup && (u.matches[e].isGroup = !1); m.length > 0 ? (c = m[m.length - 1]).matches.push(u) : v.matches.push(u) } } else k(v, o) } function x(e) { var t = new a.default(!0); return t.openGroup = !1, t.matches = e, t } function P() { if ((s = m.pop()).openGroup = !1, void 0 !== s) if (m.length > 0) { if ((c = m[m.length - 1]).matches.push(s), c.isAlternator) { u = m.pop(); for (var e = 0; e < u.matches.length; e++)u.matches[e].isGroup = !1, u.matches[e].alternatorGroup = !1; m.length > 0 ? (c = m[m.length - 1]).matches.push(u) : v.matches.push(u) } } else v.matches.push(s); else b() } function w(e) { var t = e.pop(); return t.isQuantifier && (t = x([e.pop(), t])), t } t && (n.optionalmarker[0] = void 0, n.optionalmarker[1] = void 0); for (; i = t ? d.exec(e) : p.exec(e);) { if (o = i[0], t) { switch (o.charAt(0)) { case "?": o = "{0,1}"; break; case "+": case "*": o = "{" + o + "}"; break; case "|": if (0 === m.length) { var S = x(v.matches); S.openGroup = !0, m.push(S), v.matches = [], y = !0 } }switch (o) { case "\\d": o = "[0-9]"; break; case "\\p": o += d.exec(e)[0], o += d.exec(e)[0] } } if (h) b(); else switch (o.charAt(0)) { case "$": case "^": t || b(); break; case n.escapeChar: h = !0, t && b(); break; case n.optionalmarker[1]: case n.groupmarker[1]: P(); break; case n.optionalmarker[0]: m.push(new a.default(!1, !0)); break; case n.groupmarker[0]: m.push(new a.default(!0)); break; case n.quantifiermarker[0]: var O = new a.default(!1, !1, !0), _ = (o = o.replace(/[{}?]/g, "")).split("|"), M = _[0].split(","), E = isNaN(M[0]) ? M[0] : parseInt(M[0]), j = 1 === M.length ? E : isNaN(M[1]) ? M[1] : parseInt(M[1]), T = isNaN(_[1]) ? _[1] : parseInt(_[1]); "*" !== E && "+" !== E || (E = "*" === j ? 0 : 1), O.quantifier = { min: E, max: j, jit: T }; var A = m.length > 0 ? m[m.length - 1].matches : v.matches; (i = A.pop()).isGroup || (i = x([i])), A.push(i), A.push(O); break; case n.alternatormarker: if (m.length > 0) { var D = (c = m[m.length - 1]).matches[c.matches.length - 1]; f = c.openGroup && (void 0 === D.matches || !1 === D.isGroup && !1 === D.isAlternator) ? m.pop() : w(c.matches) } else f = w(v.matches); if (f.isAlternator) m.push(f); else if (f.alternatorGroup ? (u = m.pop(), f.alternatorGroup = !1) : u = new a.default(!1, !1, !1, !0), u.matches.push(f), m.push(u), f.openGroup) { f.openGroup = !1; var L = new a.default(!0); L.alternatorGroup = !0, m.push(L) } break; default: b() } } y && P(); for (; m.length > 0;)s = m.pop(), v.matches.push(s); v.matches.length > 0 && (!function e(i) { i && i.matches && i.matches.forEach((function (a, r) { var o = i.matches[r + 1]; (void 0 === o || void 0 === o.matches || !1 === o.isQuantifier) && a && a.isGroup && (a.isGroup = !1, t || (k(a, n.groupmarker[0], 0), !0 !== a.openGroup && k(a, n.groupmarker[1]))), e(a) })) }(v), g.push(v)); (n.numericInput || n.isRTL) && function e(t) { for (var i in t.matches = t.matches.reverse(), t.matches) if (Object.prototype.hasOwnProperty.call(t.matches, i)) { var a = parseInt(i); if (t.matches[i].isQuantifier && t.matches[a + 1] && t.matches[a + 1].isGroup) { var r = t.matches[i]; t.matches.splice(i, 1), t.matches.splice(a + 1, 0, r) } void 0 !== t.matches[i].matches ? t.matches[i] = e(t.matches[i]) : t.matches[i] = ((o = t.matches[i]) === n.optionalmarker[0] ? o = n.optionalmarker[1] : o === n.optionalmarker[1] ? o = n.optionalmarker[0] : o === n.groupmarker[0] ? o = n.groupmarker[1] : o === n.groupmarker[1] && (o = n.groupmarker[0]), o) } var o; return t }(g[0]); return g }, t.generateMaskSet = function (e, t) { var n; function a(e, t) { var n = t.repeat, i = t.groupmarker, a = t.quantifiermarker, r = t.keepStatic; if (n > 0 || "*" === n || "+" === n) { var l = "*" === n ? 0 : "+" === n ? 1 : n; if (l != n) e = i[0] + e + i[1] + a[0] + l + "," + n + a[1]; else for (var c = e, u = 1; u < l; u++)e += c } if (!0 === r) { var f = e.match(new RegExp("(.)\\[([^\\]]*)\\]", "g")); f && f.forEach((function (t, n) { var i = function (e, t) { return function (e) { if (Array.isArray(e)) return e }(e) || function (e, t) { var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"]; if (null != n) { var i, a, r, o, l = [], s = !0, c = !1; try { if (r = (n = n.call(e)).next, 0 === t) { if (Object(n) !== n) return; s = !1 } else for (; !(s = (i = r.call(n)).done) && (l.push(i.value), l.length !== t); s = !0); } catch (e) { c = !0, a = e } finally { try { if (!s && null != n.return && (o = n.return(), Object(o) !== o)) return } finally { if (c) throw a } } return l } }(e, t) || function (e, t) { if (!e) return; if ("string" == typeof e) return s(e, t); var n = Object.prototype.toString.call(e).slice(8, -1); "Object" === n && e.constructor && (n = e.constructor.name); if ("Map" === n || "Set" === n) return Array.from(e); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return s(e, t) }(e, t) || function () { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() }(t.split("["), 2), a = i[0], r = i[1]; r = r.replace("]", ""), e = e.replace(new RegExp("".concat((0, o.default)(a), "\\[").concat((0, o.default)(r), "\\]")), a.charAt(0) === r.charAt(0) ? "(".concat(a, "|").concat(a).concat(r, ")") : "".concat(a, "[").concat(r, "]")) })) } return e } function c(e, n, o) { var s, c, u = !1; return null !== e && "" !== e || ((u = null !== o.regex) ? e = (e = o.regex).replace(/^(\^)(.*)(\$)$/, "$2") : (u = !0, e = ".*")), 1 === e.length && !1 === o.greedy && 0 !== o.repeat && (o.placeholder = ""), e = a(e, o), c = u ? "regex_" + o.regex : o.numericInput ? e.split("").reverse().join("") : e, null !== o.keepStatic && (c = "ks_" + o.keepStatic + c), "object" === l(o.placeholder) && (c = "ph_" + JSON.stringify(o.placeholder) + c), void 0 === r.default.prototype.masksCache[c] || !0 === t ? (s = { mask: e, maskToken: r.default.prototype.analyseMask(e, u, o), validPositions: [], _buffer: void 0, buffer: void 0, tests: {}, excludes: {}, metadata: n, maskLength: void 0, jitOffset: {} }, !0 !== t && (r.default.prototype.masksCache[c] = s, s = i.default.extend(!0, {}, r.default.prototype.masksCache[c]))) : s = i.default.extend(!0, {}, r.default.prototype.masksCache[c]), s } "function" == typeof e.mask && (e.mask = e.mask(e)); if (Array.isArray(e.mask)) { if (e.mask.length > 1) { null === e.keepStatic && (e.keepStatic = !0); var u = e.groupmarker[0]; return (e.isRTL ? e.mask.reverse() : e.mask).forEach((function (t) { u.length > 1 && (u += e.alternatormarker), void 0 !== t.mask && "function" != typeof t.mask ? u += t.mask : u += t })), c(u += e.groupmarker[1], e.mask, e) } e.mask = e.mask.pop() } n = e.mask && void 0 !== e.mask.mask && "function" != typeof e.mask.mask ? c(e.mask.mask, e.mask, e) : c(e.mask, e.mask, e); null === e.keepStatic && (e.keepStatic = !1); return n }; var i = c(n(4963)), a = c(n(9695)), r = c(n(2394)), o = c(n(7184)); function l(e) { return l = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, l(e) } function s(e, t) { (null == t || t > e.length) && (t = e.length); for (var n = 0, i = new Array(t); n < t; n++)i[n] = e[n]; return i } function c(e) { return e && e.__esModule ? e : { default: e } } }, 157: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.mask = function () { var e = this, t = this.opts, n = this.el, u = this.dependencyLib; o.EventRuler.off(n); var f = function (t, n) { "textarea" !== t.tagName.toLowerCase() && n.ignorables.push(i.keys.Enter); var l = t.getAttribute("type"), s = "input" === t.tagName.toLowerCase() && n.supportsInputType.includes(l) || t.isContentEditable || "textarea" === t.tagName.toLowerCase(); if (!s) if ("input" === t.tagName.toLowerCase()) { var c = document.createElement("input"); c.setAttribute("type", l), s = "text" === c.type, c = null } else s = "partial"; return !1 !== s ? function (t) { var i, l; function s() { return this.inputmask ? this.inputmask.opts.autoUnmask ? this.inputmask.unmaskedvalue() : -1 !== a.getLastValidPosition.call(e) || !0 !== n.nullable ? (this.inputmask.shadowRoot || this.ownerDocument).activeElement === this && n.clearMaskOnLostFocus ? (e.isRTL ? r.clearOptionalTail.call(e, a.getBuffer.call(e).slice()).reverse() : r.clearOptionalTail.call(e, a.getBuffer.call(e).slice())).join("") : i.call(this) : "" : i.call(this) } function c(e) { l.call(this, e), this.inputmask && (0, r.applyInputValue)(this, e) } if (!t.inputmask.__valueGet) { if (!0 !== n.noValuePatching) { if (Object.getOwnPropertyDescriptor) { var f = Object.getPrototypeOf ? Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t), "value") : void 0; f && f.get && f.set ? (i = f.get, l = f.set, Object.defineProperty(t, "value", { get: s, set: c, configurable: !0 })) : "input" !== t.tagName.toLowerCase() && (i = function () { return this.textContent }, l = function (e) { this.textContent = e }, Object.defineProperty(t, "value", { get: s, set: c, configurable: !0 })) } else document.__lookupGetter__ && t.__lookupGetter__("value") && (i = t.__lookupGetter__("value"), l = t.__lookupSetter__("value"), t.__defineGetter__("value", s), t.__defineSetter__("value", c)); t.inputmask.__valueGet = i, t.inputmask.__valueSet = l } t.inputmask._valueGet = function (t) { return e.isRTL && !0 !== t ? i.call(this.el).split("").reverse().join("") : i.call(this.el) }, t.inputmask._valueSet = function (t, n) { l.call(this.el, null == t ? "" : !0 !== n && e.isRTL ? t.split("").reverse().join("") : t) }, void 0 === i && (i = function () { return this.value }, l = function (e) { this.value = e }, function (t) { if (u.valHooks && (void 0 === u.valHooks[t] || !0 !== u.valHooks[t].inputmaskpatch)) { var i = u.valHooks[t] && u.valHooks[t].get ? u.valHooks[t].get : function (e) { return e.value }, o = u.valHooks[t] && u.valHooks[t].set ? u.valHooks[t].set : function (e, t) { return e.value = t, e }; u.valHooks[t] = { get: function (t) { if (t.inputmask) { if (t.inputmask.opts.autoUnmask) return t.inputmask.unmaskedvalue(); var r = i(t); return -1 !== a.getLastValidPosition.call(e, void 0, void 0, t.inputmask.maskset.validPositions) || !0 !== n.nullable ? r : "" } return i(t) }, set: function (e, t) { var n = o(e, t); return e.inputmask && (0, r.applyInputValue)(e, t), n }, inputmaskpatch: !0 } } }(t.type), function (e) { o.EventRuler.on(e, "mouseenter", (function () { var e = this, t = e.inputmask._valueGet(!0); t != (e.inputmask.isRTL ? a.getBuffer.call(e.inputmask).slice().reverse() : a.getBuffer.call(e.inputmask)).join("") && (0, r.applyInputValue)(e, t) })) }(t)) } }(t) : t.inputmask = void 0, s }(n, t); if (!1 !== f) { e.originalPlaceholder = n.placeholder, e.maxLength = void 0 !== n ? n.maxLength : void 0, -1 === e.maxLength && (e.maxLength = void 0), "inputMode" in n && null === n.getAttribute("inputmode") && (n.inputMode = t.inputmode, n.setAttribute("inputmode", t.inputmode)), !0 === f && (t.showMaskOnFocus = t.showMaskOnFocus && -1 === ["cc-number", "cc-exp"].indexOf(n.autocomplete), l.iphone && (t.insertModeVisual = !1, n.setAttribute("autocorrect", "off")), o.EventRuler.on(n, "submit", c.EventHandlers.submitEvent), o.EventRuler.on(n, "reset", c.EventHandlers.resetEvent), o.EventRuler.on(n, "blur", c.EventHandlers.blurEvent), o.EventRuler.on(n, "focus", c.EventHandlers.focusEvent), o.EventRuler.on(n, "invalid", c.EventHandlers.invalidEvent), o.EventRuler.on(n, "click", c.EventHandlers.clickEvent), o.EventRuler.on(n, "mouseleave", c.EventHandlers.mouseleaveEvent), o.EventRuler.on(n, "mouseenter", c.EventHandlers.mouseenterEvent), o.EventRuler.on(n, "paste", c.EventHandlers.pasteEvent), o.EventRuler.on(n, "cut", c.EventHandlers.cutEvent), o.EventRuler.on(n, "complete", t.oncomplete), o.EventRuler.on(n, "incomplete", t.onincomplete), o.EventRuler.on(n, "cleared", t.oncleared), !0 !== t.inputEventOnly && o.EventRuler.on(n, "keydown", c.EventHandlers.keyEvent), (l.mobile || t.inputEventOnly) && n.removeAttribute("maxLength"), o.EventRuler.on(n, "input", c.EventHandlers.inputFallBackEvent)), o.EventRuler.on(n, "setvalue", c.EventHandlers.setValueEvent), a.getBufferTemplate.call(e).join(""), e.undoValue = e._valueGet(!0); var p = (n.inputmask.shadowRoot || n.ownerDocument).activeElement; if ("" !== n.inputmask._valueGet(!0) || !1 === t.clearMaskOnLostFocus || p === n) { (0, r.applyInputValue)(n, n.inputmask._valueGet(!0), t); var d = a.getBuffer.call(e).slice(); !1 === s.isComplete.call(e, d) && t.clearIncomplete && a.resetMaskSet.call(e, !1), t.clearMaskOnLostFocus && p !== n && (-1 === a.getLastValidPosition.call(e) ? d = [] : r.clearOptionalTail.call(e, d)), (!1 === t.clearMaskOnLostFocus || t.showMaskOnFocus && p === n || "" !== n.inputmask._valueGet(!0)) && (0, r.writeBuffer)(n, d), p === n && a.caret.call(e, n, a.seekNext.call(e, a.getLastValidPosition.call(e))) } } }; var i = n(2839), a = n(8711), r = n(7760), o = n(9716), l = n(9845), s = n(7215), c = n(6030) }, 9695: function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = function (e, t, n, i) { this.matches = [], this.openGroup = e || !1, this.alternatorGroup = !1, this.isGroup = e || !1, this.isOptional = t || !1, this.isQuantifier = n || !1, this.isAlternator = i || !1, this.quantifier = { min: 1, max: 1 } } }, 3194: function () { Array.prototype.includes || Object.defineProperty(Array.prototype, "includes", { value: function (e, t) { if (null == this) throw new TypeError('"this" is null or not defined'); var n = Object(this), i = n.length >>> 0; if (0 === i) return !1; for (var a = 0 | t, r = Math.max(a >= 0 ? a : i - Math.abs(a), 0); r < i;) { if (n[r] === e) return !0; r++ } return !1 } }) }, 9302: function () { var e = Function.bind.call(Function.call, Array.prototype.reduce), t = Function.bind.call(Function.call, Object.prototype.propertyIsEnumerable), n = Function.bind.call(Function.call, Array.prototype.concat), i = Object.keys; Object.entries || (Object.entries = function (a) { return e(i(a), (function (e, i) { return n(e, "string" == typeof i && t(a, i) ? [[i, a[i]]] : []) }), []) }) }, 7149: function () { function e(t) { return e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, e(t) } "function" != typeof Object.getPrototypeOf && (Object.getPrototypeOf = "object" === e("test".__proto__) ? function (e) { return e.__proto__ } : function (e) { return e.constructor.prototype }) }, 4013: function () { String.prototype.includes || (String.prototype.includes = function (e, t) { return "number" != typeof t && (t = 0), !(t + e.length > this.length) && -1 !== this.indexOf(e, t) }) }, 8711: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.caret = function (e, t, n, i, r) { var o, l = this, s = this.opts; if (void 0 === t) return "selectionStart" in e && "selectionEnd" in e ? (t = e.selectionStart, n = e.selectionEnd) : a.default.getSelection ? (o = a.default.getSelection().getRangeAt(0)).commonAncestorContainer.parentNode !== e && o.commonAncestorContainer !== e || (t = o.startOffset, n = o.endOffset) : document.selection && document.selection.createRange && (n = (t = 0 - (o = document.selection.createRange()).duplicate().moveStart("character", -e.inputmask._valueGet().length)) + o.text.length), { begin: i ? t : f.call(l, t), end: i ? n : f.call(l, n) }; if (Array.isArray(t) && (n = l.isRTL ? t[0] : t[1], t = l.isRTL ? t[1] : t[0]), void 0 !== t.begin && (n = l.isRTL ? t.begin : t.end, t = l.isRTL ? t.end : t.begin), "number" == typeof t) { t = i ? t : f.call(l, t), n = "number" == typeof (n = i ? n : f.call(l, n)) ? n : t; var c = parseInt(((e.ownerDocument.defaultView || a.default).getComputedStyle ? (e.ownerDocument.defaultView || a.default).getComputedStyle(e, null) : e.currentStyle).fontSize) * n; if (e.scrollLeft = c > e.scrollWidth ? c : 0, e.inputmask.caretPos = { begin: t, end: n }, s.insertModeVisual && !1 === s.insertMode && t === n && (r || n++), e === (e.inputmask.shadowRoot || e.ownerDocument).activeElement) if ("setSelectionRange" in e) e.setSelectionRange(t, n); else if (a.default.getSelection) { if (o = document.createRange(), void 0 === e.firstChild || null === e.firstChild) { var u = document.createTextNode(""); e.appendChild(u) } o.setStart(e.firstChild, t < e.inputmask._valueGet().length ? t : e.inputmask._valueGet().length), o.setEnd(e.firstChild, n < e.inputmask._valueGet().length ? n : e.inputmask._valueGet().length), o.collapse(!0); var p = a.default.getSelection(); p.removeAllRanges(), p.addRange(o) } else e.createTextRange && ((o = e.createTextRange()).collapse(!0), o.moveEnd("character", n), o.moveStart("character", t), o.select()) } }, t.determineLastRequiredPosition = function (e) { var t, n, i = this, a = i.maskset, l = i.dependencyLib, c = r.getMaskTemplate.call(i, !0, s.call(i), !0, !0), u = c.length, f = s.call(i), p = {}, d = a.validPositions[f], h = void 0 !== d ? d.locator.slice() : void 0; for (t = f + 1; t < c.length; t++)h = (n = r.getTestTemplate.call(i, t, h, t - 1)).locator.slice(), p[t] = l.extend(!0, {}, n); var v = d && void 0 !== d.alternation ? d.locator[d.alternation] : void 0; for (t = u - 1; t > f && (((n = p[t]).match.optionality || n.match.optionalQuantifier && n.match.newBlockMarker || v && (v !== p[t].locator[d.alternation] && 1 != n.match.static || !0 === n.match.static && n.locator[d.alternation] && o.checkAlternationMatch.call(i, n.locator[d.alternation].toString().split(","), v.toString().split(",")) && "" !== r.getTests.call(i, t)[0].def)) && c[t] === r.getPlaceholder.call(i, t, n.match)); t--)u--; return e ? { l: u, def: p[u] ? p[u].match : void 0 } : u }, t.determineNewCaretPosition = function (e, t, n) { var i = this, a = i.maskset, o = i.opts; t && (i.isRTL ? e.end = e.begin : e.begin = e.end); if (e.begin === e.end) { switch (n = n || o.positionCaretOnClick) { case "none": break; case "select": e = { begin: 0, end: l.call(i).length }; break; case "ignore": e.end = e.begin = u.call(i, s.call(i)); break; case "radixFocus": if (i.clicked > 1 && 0 == a.validPositions.length) break; if (function (e) { if ("" !== o.radixPoint && 0 !== o.digits) { var t = a.validPositions; if (void 0 === t[e] || t[e].input === r.getPlaceholder.call(i, e)) { if (e < u.call(i, -1)) return !0; var n = l.call(i).indexOf(o.radixPoint); if (-1 !== n) { for (var s = 0, c = t.length; s < c; s++)if (t[s] && n < s && t[s].input !== r.getPlaceholder.call(i, s)) return !1; return !0 } } } return !1 }(e.begin)) { var f = l.call(i).join("").indexOf(o.radixPoint); e.end = e.begin = o.numericInput ? u.call(i, f) : f; break } default: var p = e.begin, d = s.call(i, p, !0), h = u.call(i, -1 !== d || c.call(i, 0) ? d : -1); if (p <= h) e.end = e.begin = c.call(i, p, !1, !0) ? p : u.call(i, p); else { var v = a.validPositions[d], m = r.getTestTemplate.call(i, h, v ? v.match.locator : void 0, v), g = r.getPlaceholder.call(i, h, m.match); if ("" !== g && l.call(i)[h] !== g && !0 !== m.match.optionalQuantifier && !0 !== m.match.newBlockMarker || !c.call(i, h, o.keepStatic, !0) && m.match.def === g) { var y = u.call(i, h); (p >= y || p === h) && (h = y) } e.end = e.begin = h } }return e } }, t.getBuffer = l, t.getBufferTemplate = function () { var e = this.maskset; void 0 === e._buffer && (e._buffer = r.getMaskTemplate.call(this, !1, 1), void 0 === e.buffer && (e.buffer = e._buffer.slice())); return e._buffer }, t.getLastValidPosition = s, t.isMask = c, t.resetMaskSet = function (e) { var t = this.maskset; t.buffer = void 0, !0 !== e && (t.validPositions = [], t.p = 0); !1 === e && (t.tests = {}) }, t.seekNext = u, t.seekPrevious = function (e, t) { var n = this, i = e - 1; if (e <= 0) return 0; for (; i > 0 && (!0 === t && (!0 !== r.getTest.call(n, i).match.newBlockMarker || !c.call(n, i, void 0, !0)) || !0 !== t && !c.call(n, i, void 0, !0));)i--; return i }, t.translatePosition = f; var i, a = (i = n(9380)) && i.__esModule ? i : { default: i }, r = n(4713), o = n(7215); function l(e) { var t = this, n = t.maskset; return void 0 !== n.buffer && !0 !== e || (n.buffer = r.getMaskTemplate.call(t, !0, s.call(t), !0), void 0 === n._buffer && (n._buffer = n.buffer.slice())), n.buffer } function s(e, t, n) { var i = this.maskset, a = -1, r = -1, o = n || i.validPositions; void 0 === e && (e = -1); for (var l = 0, s = o.length; l < s; l++)o[l] && (t || !0 !== o[l].generatedInput) && (l <= e && (a = l), l >= e && (r = l)); return -1 === a || a == e ? r : -1 == r || e - a < r - e ? a : r } function c(e, t, n) { var i = this, a = this.maskset, o = r.getTestTemplate.call(i, e).match; if ("" === o.def && (o = r.getTest.call(i, e).match), !0 !== o.static) return o.fn; if (!0 === n && void 0 !== a.validPositions[e] && !0 !== a.validPositions[e].generatedInput) return !0; if (!0 !== t && e > -1) { if (n) { var l = r.getTests.call(i, e); return l.length > 1 + ("" === l[l.length - 1].match.def ? 1 : 0) } var s = r.determineTestTemplate.call(i, e, r.getTests.call(i, e)), c = r.getPlaceholder.call(i, e, s.match); return s.match.def !== c } return !1 } function u(e, t, n) { var i = this; void 0 === n && (n = !0); for (var a = e + 1; "" !== r.getTest.call(i, a).match.def && (!0 === t && (!0 !== r.getTest.call(i, a).match.newBlockMarker || !c.call(i, a, void 0, !0)) || !0 !== t && !c.call(i, a, void 0, n));)a++; return a } function f(e) { var t = this.opts, n = this.el; return !this.isRTL || "number" != typeof e || t.greedy && "" === t.placeholder || !n || (e = this._valueGet().length - e) < 0 && (e = 0), e } }, 4713: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.determineTestTemplate = f, t.getDecisionTaker = s, t.getMaskTemplate = function (e, t, n, i, a) { var r = this, o = this.opts, l = this.maskset, s = o.greedy; a && o.greedy && (o.greedy = !1, r.maskset.tests = {}); t = t || 0; var p, d, v, m, g = [], y = 0; do { if (!0 === e && l.validPositions[y]) d = (v = a && l.validPositions[y].match.optionality && void 0 === l.validPositions[y + 1] && (!0 === l.validPositions[y].generatedInput || l.validPositions[y].input == o.skipOptionalPartCharacter && y > 0) ? f.call(r, y, h.call(r, y, p, y - 1)) : l.validPositions[y]).match, p = v.locator.slice(), g.push(!0 === n ? v.input : !1 === n ? d.nativeDef : c.call(r, y, d)); else { d = (v = u.call(r, y, p, y - 1)).match, p = v.locator.slice(); var k = !0 !== i && (!1 !== o.jitMasking ? o.jitMasking : d.jit); (m = (m || l.validPositions[y - 1]) && d.static && d.def !== o.groupSeparator && null === d.fn) || !1 === k || void 0 === k || "number" == typeof k && isFinite(k) && k > y ? g.push(!1 === n ? d.nativeDef : c.call(r, g.length, d)) : m = !1 } y++ } while (!0 !== d.static || "" !== d.def || t > y); "" === g[g.length - 1] && g.pop(); !1 === n && void 0 !== l.maskLength || (l.maskLength = y - 1); return o.greedy = s, g }, t.getPlaceholder = c, t.getTest = p, t.getTestTemplate = u, t.getTests = h, t.isSubsetOf = d; var i, a = n(8711), r = (i = n(2394)) && i.__esModule ? i : { default: i }; function o(e) { return o = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e }, o(e) } function l(e, t) { var n = (null != e.alternation ? e.mloc[s(e)] : e.locator).join(""); if ("" !== n) for (n = n.split(":")[0]; n.length < t;)n += "0"; return n } function s(e) { var t = e.locator[e.alternation]; return "string" == typeof t && t.length > 0 && (t = t.split(",")[0]), void 0 !== t ? t.toString() : "" } function c(e, t, n) { var i = this, r = this.opts, l = this.maskset; if (void 0 !== (t = t || p.call(i, e).match).placeholder || !0 === n) { if ("" !== t.placeholder && !0 === t.static && !0 !== t.generated) { var s = a.getLastValidPosition.call(i, e), c = a.seekNext.call(i, s); return (n ? e <= c : e < c) ? r.staticDefinitionSymbol && t.static ? t.nativeDef : t.def : "function" == typeof t.placeholder ? t.placeholder(r) : t.placeholder } return "function" == typeof t.placeholder ? t.placeholder(r) : t.placeholder } if (!0 === t.static) { if (e > -1 && void 0 === l.validPositions[e]) { var u, f = h.call(i, e), d = []; if ("string" == typeof r.placeholder && f.length > 1 + ("" === f[f.length - 1].match.def ? 1 : 0)) for (var v = 0; v < f.length; v++)if ("" !== f[v].match.def && !0 !== f[v].match.optionality && !0 !== f[v].match.optionalQuantifier && (!0 === f[v].match.static || void 0 === u || !1 !== f[v].match.fn.test(u.match.def, l, e, !0, r)) && (d.push(f[v]), !0 === f[v].match.static && (u = f[v]), d.length > 1 && /[0-9a-bA-Z]/.test(d[0].match.def))) return r.placeholder.charAt(e % r.placeholder.length) } return t.def } return "object" === o(r.placeholder) ? t.def : r.placeholder.charAt(e % r.placeholder.length) } function u(e, t, n) { return this.maskset.validPositions[e] || f.call(this, e, h.call(this, e, t ? t.slice() : t, n)) } function f(e, t) { var n = this.opts, i = 0, a = function (e, t) { var n = 0, i = !1; t.forEach((function (e) { e.match.optionality && (0 !== n && n !== e.match.optionality && (i = !0), (0 === n || n > e.match.optionality) && (n = e.match.optionality)) })), n && (0 == e || 1 == t.length ? n = 0 : i || (n = 0)); return n }(e, t); e = e > 0 ? e - 1 : 0; var r, o, s, c = l(p.call(this, e)); n.greedy && t.length > 1 && "" === t[t.length - 1].match.def && (i = 1); for (var u = 0; u < t.length - i; u++) { var f = t[u]; r = l(f, c.length); var d = Math.abs(r - c); (void 0 === o || "" !== r && d < o || s && !n.greedy && s.match.optionality && s.match.optionality - a > 0 && "master" === s.match.newBlockMarker && (!f.match.optionality || f.match.optionality - a < 1 || !f.match.newBlockMarker) || s && !n.greedy && s.match.optionalQuantifier && !f.match.optionalQuantifier) && (o = d, s = f) } return s } function p(e, t) { var n = this.maskset; return n.validPositions[e] ? n.validPositions[e] : (t || h.call(this, e))[0] } function d(e, t, n) { function i(e) { for (var t, n = [], i = -1, a = 0, r = e.length; a < r; a++)if ("-" === e.charAt(a)) for (t = e.charCodeAt(a + 1); ++i < t;)n.push(String.fromCharCode(i)); else i = e.charCodeAt(a), n.push(e.charAt(a)); return n.join("") } return e.match.def === t.match.nativeDef || !(!(n.regex || e.match.fn instanceof RegExp && t.match.fn instanceof RegExp) || !0 === e.match.static || !0 === t.match.static) && ("." === t.match.fn.source || -1 !== i(t.match.fn.source.replace(/[[\]/]/g, "")).indexOf(i(e.match.fn.source.replace(/[[\]/]/g, "")))) } function h(e, t, n) { var i, a, o = this, l = this.dependencyLib, s = this.maskset, c = this.opts, u = this.el, p = s.maskToken, h = t ? n : 0, v = t ? t.slice() : [0], m = [], g = !1, y = t ? t.join("") : "", k = !1; function b(t, n, a, l) { function f(a, l, p) { function v(e, t) { var n = 0 === t.matches.indexOf(e); return n || t.matches.every((function (i, a) { return !0 === i.isQuantifier ? n = v(e, t.matches[a - 1]) : Object.prototype.hasOwnProperty.call(i, "matches") && (n = v(e, i)), !n })), n } function P(e, t, n) { var i, a; if ((s.tests[e] || s.validPositions[e]) && (s.validPositions[e] ? [s.validPositions[e]] : s.tests[e]).every((function (e, r) { if (e.mloc[t]) return i = e, !1; var o = void 0 !== n ? n : e.alternation, l = void 0 !== e.locator[o] ? e.locator[o].toString().indexOf(t) : -1; return (void 0 === a || l < a) && -1 !== l && (i = e, a = l), !0 })), i) { var r = i.locator[i.alternation], o = i.mloc[t] || i.mloc[r] || i.locator; if (-1 !== o[o.length - 1].toString().indexOf(":")) o.pop(); return o.slice((void 0 !== n ? n : i.alternation) + 1) } return void 0 !== n ? P(e, t) : void 0 } function w(t, n) { return !0 === t.match.static && !0 !== n.match.static && n.match.fn.test(t.match.def, s, e, !1, c, !1) } function S(e, t) { var n = e.alternation, i = void 0 === t || n <= t.alternation && -1 === e.locator[n].toString().indexOf(t.locator[n]); if (!i && n > t.alternation) for (var a = 0; a < n; a++)if (e.locator[a] !== t.locator[a]) { n = a, i = !0; break } return !!i && function (n) { e.mloc = e.mloc || {}; var i = e.locator[n]; if (void 0 !== i) { if ("string" == typeof i && (i = i.split(",")[0]), void 0 === e.mloc[i] && (e.mloc[i] = e.locator.slice(), e.mloc[i].push(":".concat(e.alternation))), void 0 !== t) { for (var a in t.mloc) "string" == typeof a && (a = parseInt(a.split(",")[0])), e.mloc[a + 0] = t.mloc[a]; e.locator[n] = Object.keys(e.mloc).join(",") } return e.alternation > n && (e.alternation = n), !0 } return e.alternation = void 0, !1 }(n) } function O(e, t) { if (e.locator.length !== t.locator.length) return !1; for (var n = e.alternation + 1; n < e.locator.length; n++)if (e.locator[n] !== t.locator[n]) return !1; return !0 } if (h > e + c._maxTestPos) throw "Inputmask: There is probably an error in your mask definition or in the code. Create an issue on github with an example of the mask you are using. " + s.mask; if (h === e && void 0 === a.matches) { if (m.push({ match: a, locator: l.reverse(), cd: y, mloc: {} }), !a.optionality || void 0 !== p || !(c.definitions && c.definitions[a.nativeDef] && c.definitions[a.nativeDef].optional || r.default.prototype.definitions[a.nativeDef] && r.default.prototype.definitions[a.nativeDef].optional)) return !0; g = !0, h = e } else if (void 0 !== a.matches) { if (a.isGroup && p !== a) return function () { if (a = f(t.matches[t.matches.indexOf(a) + 1], l, p)) return !0 }(); if (a.isOptional) return function () { var t = a, r = m.length; if (a = b(a, n, l, p), m.length > 0) { if (m.forEach((function (e, t) { t >= r && (e.match.optionality = e.match.optionality ? e.match.optionality + 1 : 1) })), i = m[m.length - 1].match, void 0 !== p || !v(i, t)) return a; g = !0, h = e } }(); if (a.isAlternator) return function () { function i(e) { for (var t, n = e.matches[0].matches ? e.matches[0].matches.length : 1, i = 0; i < e.matches.length && n === (t = e.matches[i].matches ? e.matches[i].matches.length : 1); i++); return n !== t } o.hasAlternator = !0; var r, v = a, y = [], b = m.slice(), x = l.length, _ = n.length > 0 ? n.shift() : -1; if (-1 === _ || "string" == typeof _) { var M, E = h, j = n.slice(), T = []; if ("string" == typeof _) T = _.split(","); else for (M = 0; M < v.matches.length; M++)T.push(M.toString()); if (void 0 !== s.excludes[e]) { for (var A = T.slice(), D = 0, L = s.excludes[e].length; D < L; D++) { var C = s.excludes[e][D].toString().split(":"); l.length == C[1] && T.splice(T.indexOf(C[0]), 1) } 0 === T.length && (delete s.excludes[e], T = A) } (!0 === c.keepStatic || isFinite(parseInt(c.keepStatic)) && E >= c.keepStatic) && (T = T.slice(0, 1)); for (var B = 0; B < T.length; B++) { M = parseInt(T[B]), m = [], n = "string" == typeof _ && P(h, M, x) || j.slice(); var R = v.matches[M]; if (R && f(R, [M].concat(l), p)) a = !0; else if (0 === B && (k = i(v)), R && R.matches && R.matches.length > v.matches[0].matches.length) break; r = m.slice(), h = E, m = []; for (var I = 0; I < r.length; I++) { var F = r[I], N = !1; F.alternation = F.alternation || x, S(F); for (var V = 0; V < y.length; V++) { var G = y[V]; if ("string" != typeof _ || void 0 !== F.alternation && T.includes(F.locator[F.alternation].toString())) { if (F.match.nativeDef === G.match.nativeDef) { N = !0, S(G, F); break } if (d(F, G, c)) { S(F, G) && (N = !0, y.splice(y.indexOf(G), 0, F)); break } if (d(G, F, c)) { S(G, F); break } if (w(F, G)) { O(F, G) || void 0 !== u.inputmask.userOptions.keepStatic ? S(F, G) && (N = !0, y.splice(y.indexOf(G), 0, F)) : c.keepStatic = !0; break } if (w(G, F)) { S(G, F); break } } } N || y.push(F) } } m = b.concat(y), h = e, g = m.length > 0 && k, a = y.length > 0 && !k, n = j.slice() } else a = f(v.matches[_] || t.matches[_], [_].concat(l), p); if (a) return !0 }(); if (a.isQuantifier && p !== t.matches[t.matches.indexOf(a) - 1]) return function () { for (var r = a, o = !1, u = n.length > 0 ? n.shift() : 0; u < (isNaN(r.quantifier.max) ? u + 1 : r.quantifier.max) && h <= e; u++) { var p = t.matches[t.matches.indexOf(r) - 1]; if (a = f(p, [u].concat(l), p)) { if (m.forEach((function (t, n) { (i = x(p, t.match) ? t.match : m[m.length - 1].match).optionalQuantifier = u >= r.quantifier.min, i.jit = (u + 1) * (p.matches.indexOf(i) + 1) > r.quantifier.jit, i.optionalQuantifier && v(i, p) && (g = !0, h = e, c.greedy && null == s.validPositions[e - 1] && u > r.quantifier.min && -1 != ["*", "+"].indexOf(r.quantifier.max) && (m.pop(), y = void 0), o = !0, a = !1), !o && i.jit && (s.jitOffset[e] = p.matches.length - p.matches.indexOf(i)) })), o) break; return !0 } } }(); if (a = b(a, n, l, p)) return !0 } else h++ } for (var p = n.length > 0 ? n.shift() : 0; p < t.matches.length; p++)if (!0 !== t.matches[p].isQuantifier) { var v = f(t.matches[p], [p].concat(a), l); if (v && h === e) return v; if (h > e) break } } function x(e, t) { var n = -1 != e.matches.indexOf(t); return n || e.matches.forEach((function (e, i) { void 0 === e.matches || n || (n = x(e, t)) })), n } if (e > -1) { if (void 0 === t) { for (var P, w = e - 1; void 0 === (P = s.validPositions[w] || s.tests[w]) && w > -1;)w--; void 0 !== P && w > -1 && (v = function (e, t) { var n, i = []; return Array.isArray(t) || (t = [t]), t.length > 0 && (void 0 === t[0].alternation || !0 === c.keepStatic ? 0 === (i = f.call(o, e, t.slice()).locator.slice()).length && (i = t[0].locator.slice()) : t.forEach((function (e) { "" !== e.def && (0 === i.length ? (n = e.alternation, i = e.locator.slice()) : e.locator[n] && -1 === i[n].toString().indexOf(e.locator[n]) && (i[n] += "," + e.locator[n])) }))), i }(w, P), y = v.join(""), h = w) } if (s.tests[e] && s.tests[e][0].cd === y) return s.tests[e]; for (var S = v.shift(); S < p.length; S++) { if (b(p[S], v, [S]) && h === e || h > e) break } } return (0 === m.length || g) && m.push({ match: { fn: null, static: !0, optionality: !1, casing: null, def: "", placeholder: "" }, locator: k ? [0] : [], mloc: {}, cd: y }), void 0 !== t && s.tests[e] ? a = l.extend(!0, [], m) : (s.tests[e] = l.extend(!0, [], m), a = s.tests[e]), m.forEach((function (e) { e.match.optionality = e.match.defOptionality || !1 })), a } }, 7215: function (e, t, n) { Object.defineProperty(t, "__esModule", { value: !0 }), t.alternate = l, t.checkAlternationMatch = function (e, t, n) { for (var i, a = this.opts.greedy ? t : t.slice(0, 1), r = !1, o = void 0 !== n ? n.split(",") : [], l = 0; l < o.length; l++)-1 !== (i = e.indexOf(o[l])) && e.splice(i, 1); for (var s = 0; s < e.length; s++)if (a.includes(e[s])) { r = !0; break } return r }, t.handleRemove = function (e, t, n, o, s) { var c = this, u = this.maskset, f = this.opts; if ((f.numericInput || c.isRTL) && (t === a.keys.Backspace ? t = a.keys.Delete : t === a.keys.Delete && (t = a.keys.Backspace), c.isRTL)) { var p = n.end; n.end = n.begin, n.begin = p } var d, h = r.getLastValidPosition.call(c, void 0, !0); n.end >= r.getBuffer.call(c).length && h >= n.end && (n.end = h + 1); t === a.keys.Backspace ? n.end - n.begin < 1 && (n.begin = r.seekPrevious.call(c, n.begin)) : t === a.keys.Delete && n.begin === n.end && (n.end = r.isMask.call(c, n.end, !0, !0) ? n.end + 1 : r.seekNext.call(c, n.end) + 1); if (!1 !== (d = v.call(c, n))) { if (!0 !== o && !1 !== f.keepStatic || null !== f.regex && -1 !== i.getTest.call(c, n.begin).match.def.indexOf("|")) { var m = l.call(c, !0); if (m) { var g = void 0 !== m.caret ? m.caret : m.pos ? r.seekNext.call(c, m.pos.begin ? m.pos.begin : m.pos) : r.getLastValidPosition.call(c, -1, !0); (t !== a.keys.Delete || n.begin > g) && n.begin } } !0 !== o && (u.p = t === a.keys.Delete ? n.begin + d : n.begin, u.p = r.determineNewCaretPosition.call(c, { begin: u.p, end: u.p }, !1, !1 === f.insertMode && t === a.keys.Backspace ? "none" : void 0).begin) } }, t.isComplete = c, t.isSelection = u, t.isValid = f, t.refreshFromBuffer = d, t.revalidateMask = v; var i = n(4713), a = n(2839), r = n(8711), o = n(6030); function l(e, t, n, a, o, s) { var c, u, p, d, h, v, m, g, y, k, b, x = this, P = this.dependencyLib, w = this.opts, S = x.maskset, O = P.extend(!0, [], S.validPositions), _ = P.extend(!0, {}, S.tests), M = !1, E = !1, j = void 0 !== o ? o : r.getLastValidPosition.call(x); if (s && (k = s.begin, b = s.end, s.begin > s.end && (k = s.end, b = s.begin)), -1 === j && void 0 === o) c = 0, u = (d = i.getTest.call(x, c)).alternation; else for (; j >= 0; j--)if ((p = S.validPositions[j]) && void 0 !== p.alternation) { if (j <= (e || 0) && d && d.locator[p.alternation] !== p.locator[p.alternation]) break; c = j, u = S.validPositions[c].alternation, d = p } if (void 0 !== u) { m = parseInt(c), S.excludes[m] = S.excludes[m] || [], !0 !== e && S.excludes[m].push((0, i.getDecisionTaker)(d) + ":" + d.alternation); var T = [], A = -1; for (h = m; m < r.getLastValidPosition.call(x, void 0, !0) + 1; h++)-1 === A && e <= h && void 0 !== t && (T.push(t), A = T.length - 1), (v = S.validPositions[m]) && !0 !== v.generatedInput && (void 0 === s || h < k || h >= b) && T.push(v.input), S.validPositions.splice(m, 1); for (-1 === A && void 0 !== t && (T.push(t), A = T.length - 1); void 0 !== S.excludes[m] && S.excludes[m].length < 10;) { for (S.tests = {}, r.resetMaskSet.call(x, !0), M = !0, h = 0; h < T.length && (g = M.caret || 0 == w.insertMode && null != g ? r.seekNext.call(x, g) : r.getLastValidPosition.call(x, void 0, !0) + 1, y = T[h], M = f.call(x, g, y, !1, a, !0)); h++)h === A && (E = M), 1 == e && M && (E = { caretPos: h }); if (M) break; if (r.resetMaskSet.call(x), d = i.getTest.call(x, m), S.validPositions = P.extend(!0, [], O), S.tests = P.extend(!0, {}, _), !S.excludes[m]) { E = l.call(x, e, t, n, a, m - 1, s); break } if (null != d.alternation) { var D = (0, i.getDecisionTaker)(d); if (-1 !== S.excludes[m].indexOf(D + ":" + d.alternation)) { E = l.call(x, e, t, n, a, m - 1, s); break } for (S.excludes[m].push(D + ":" + d.alternation), h = m; h < r.getLastValidPosition.call(x, void 0, !0) + 1; h++)S.validPositions.splice(m) } else delete S.excludes[m] } } return E && !1 === w.keepStatic || delete S.excludes[m], E } function s(e, t, n) { var i = this.opts, r = this.maskset; switch (i.casing || t.casing) { case "upper": e = e.toUpperCase(); break; case "lower": e = e.toLowerCase(); break; case "title": var o = r.validPositions[n - 1]; e = 0 === n || o && o.input === String.fromCharCode(a.keyCode.Space) ? e.toUpperCase() : e.toLowerCase(); break; default: if ("function" == typeof i.casing) { var l = Array.prototype.slice.call(arguments); l.push(r.validPositions), e = i.casing.apply(this, l) } }return e } function c(e) { var t = this, n = this.opts, a = this.maskset; if ("function" == typeof n.isComplete) return n.isComplete(e, n); if ("*" !== n.repeat) { var o = !1, l = r.determineLastRequiredPosition.call(t, !0), s = l.l; if (void 0 === l.def || l.def.newBlockMarker || l.def.optionality || l.def.optionalQuantifier) { o = !0; for (var c = 0; c <= s; c++) { var u = i.getTestTemplate.call(t, c).match; if (!0 !== u.static && void 0 === a.validPositions[c] && (!1 === u.optionality || void 0 === u.optionality || u.optionality && 0 == u.newBlockMarker) && (!1 === u.optionalQuantifier || void 0 === u.optionalQuantifier) || !0 === u.static && "" != u.def && e[c] !== i.getPlaceholder.call(t, c, u)) { o = !1; break } } } return o } } function u(e) { var t = this.opts.insertMode ? 0 : 1; return this.isRTL ? e.begin - e.end > t : e.end - e.begin > t } function f(e, t, n, a, o, p, m) { var g = this, y = this.dependencyLib, k = this.opts, b = g.maskset; n = !0 === n; var x = e; function P(e) { if (void 0 !== e) { if (void 0 !== e.remove && (Array.isArray(e.remove) || (e.remove = [e.remove]), e.remove.sort((function (e, t) { return g.isRTL ? e.pos - t.pos : t.pos - e.pos })).forEach((function (e) { v.call(g, { begin: e, end: e + 1 }) })), e.remove = void 0), void 0 !== e.insert && (Array.isArray(e.insert) || (e.insert = [e.insert]), e.insert.sort((function (e, t) { return g.isRTL ? t.pos - e.pos : e.pos - t.pos })).forEach((function (e) { "" !== e.c && f.call(g, e.pos, e.c, void 0 === e.strict || e.strict, void 0 !== e.fromIsValid ? e.fromIsValid : a) })), e.insert = void 0), e.refreshFromBuffer && e.buffer) { var t = e.refreshFromBuffer; d.call(g, !0 === t ? t : t.start, t.end, e.buffer), e.refreshFromBuffer = void 0 } void 0 !== e.rewritePosition && (x = e.rewritePosition, e = !0) } return e } function w(t, n, o) { var l = !1; return i.getTests.call(g, t).every((function (c, f) { var p = c.match; if (r.getBuffer.call(g, !0), !1 !== (l = (!p.jit || void 0 !== b.validPositions[r.seekPrevious.call(g, t)]) && (null != p.fn ? p.fn.test(n, b, t, o, k, u.call(g, e)) : (n === p.def || n === k.skipOptionalPartCharacter) && "" !== p.def && { c: i.getPlaceholder.call(g, t, p, !0) || p.def, pos: t }))) { var d = void 0 !== l.c ? l.c : n, h = t; return d = d === k.skipOptionalPartCharacter && !0 === p.static ? i.getPlaceholder.call(g, t, p, !0) || p.def : d, !0 !== (l = P(l)) && void 0 !== l.pos && l.pos !== t && (h = l.pos), !0 !== l && void 0 === l.pos && void 0 === l.c ? !1 : (!1 === v.call(g, e, y.extend({}, c, { input: s.call(g, d, p, h) }), a, h) && (l = !1), !1) } return !0 })), l } void 0 !== e.begin && (x = g.isRTL ? e.end : e.begin); var S = !0, O = y.extend(!0, [], b.validPositions); if (!1 === k.keepStatic && void 0 !== b.excludes[x] && !0 !== o && !0 !== a) for (var _ = x; _ < (g.isRTL ? e.begin : e.end); _++)void 0 !== b.excludes[_] && (b.excludes[_] = void 0, delete b.tests[_]); if ("function" == typeof k.preValidation && !0 !== a && !0 !== p && (S = P(S = k.preValidation.call(g, r.getBuffer.call(g), x, t, u.call(g, e), k, b, e, n || o))), !0 === S) { if (S = w(x, t, n), (!n || !0 === a) && !1 === S && !0 !== p) { var M = b.validPositions[x]; if (!M || !0 !== M.match.static || M.match.def !== t && t !== k.skipOptionalPartCharacter) { if (k.insertMode || void 0 === b.validPositions[r.seekNext.call(g, x)] || e.end > x) { var E = !1; if (b.jitOffset[x] && void 0 === b.validPositions[r.seekNext.call(g, x)] && !1 !== (S = f.call(g, x + b.jitOffset[x], t, !0, !0)) && (!0 !== o && (S.caret = x), E = !0), e.end > x && (b.validPositions[x] = void 0), !E && !r.isMask.call(g, x, k.keepStatic && 0 === x)) for (var j = x + 1, T = r.seekNext.call(g, x, !1, 0 !== x); j <= T; j++)if (!1 !== (S = w(j, t, n))) { S = h.call(g, x, void 0 !== S.pos ? S.pos : j) || S, x = j; break } } } else S = { caret: r.seekNext.call(g, x) } } g.hasAlternator && !0 !== o && !n && (o = !0, !1 === S && k.keepStatic && (c.call(g, r.getBuffer.call(g)) || 0 === x) ? S = l.call(g, x, t, n, a, void 0, e) : (u.call(g, e) && b.tests[x] && b.tests[x].length > 1 && k.keepStatic || 1 == S && !0 !== k.numericInput && b.tests[x] && b.tests[x].length > 1 && r.getLastValidPosition.call(g, void 0, !0) > x) && (S = l.call(g, !0))), !0 === S && (S = { pos: x }) } if ("function" == typeof k.postValidation && !0 !== a && !0 !== p) { var A = k.postValidation.call(g, r.getBuffer.call(g, !0), void 0 !== e.begin ? g.isRTL ? e.end : e.begin : e, t, S, k, b, n, m); void 0 !== A && (S = !0 === A ? S : A) } S && void 0 === S.pos && (S.pos = x), !1 === S || !0 === p ? (r.resetMaskSet.call(g, !0), b.validPositions = y.extend(!0, [], O)) : h.call(g, void 0, x, !0); var D = P(S); void 0 !== g.maxLength && (r.getBuffer.call(g).length > g.maxLength && !a && (r.resetMaskSet.call(g, !0), b.validPositions = y.extend(!0, [], O), D = !1)); return D } function p(e, t, n) { for (var a = this.maskset, r = !1, o = i.getTests.call(this, e), l = 0; l < o.length; l++) { if (o[l].match && (o[l].match.nativeDef === t.match[n.shiftPositions ? "def" : "nativeDef"] && (!n.shiftPositions || !t.match.static) || o[l].match.nativeDef === t.match.nativeDef || n.regex && !o[l].match.static && o[l].match.fn.test(t.input, a, e, !1, n))) { r = !0; break } if (o[l].match && o[l].match.def === t.match.nativeDef) { r = void 0; break } } return !1 === r && void 0 !== a.jitOffset[e] && (r = p.call(this, e + a.jitOffset[e], t, n)), r } function d(e, t, n) { var i, a, l = this, s = this.maskset, c = this.opts, u = this.dependencyLib, f = c.skipOptionalPartCharacter, p = l.isRTL ? n.slice().reverse() : n; if (c.skipOptionalPartCharacter = "", !0 === e) r.resetMaskSet.call(l, !1), e = 0, t = n.length, a = r.determineNewCaretPosition.call(l, { begin: 0, end: 0 }, !1).begin; else { for (i = e; i < t; i++)s.validPositions.splice(e, 0); a = e } var d = new u.Event("keypress"); for (i = e; i < t; i++) { d.key = p[i].toString(), l.ignorable = !1; var h = o.EventHandlers.keypressEvent.call(l, d, !0, !1, !1, a); !1 !== h && void 0 !== h && (a = h.forwardPosition) } c.skipOptionalPartCharacter = f } function h(e, t, n) { var a = this, o = this.maskset, l = this.dependencyLib; if (void 0 === e) for (e = t - 1; e > 0 && !o.validPositions[e]; e--); for (var s = e; s < t; s++) { if (void 0 === o.validPositions[s] && !r.isMask.call(a, s, !1)) if (0 == s ? i.getTest.call(a, s) : o.validPositions[s - 1]) { var c = i.getTests.call(a, s).slice(); "" === c[c.length - 1].match.def && c.pop(); var u, p = i.determineTestTemplate.call(a, s, c); if (p && (!0 !== p.match.jit || "master" === p.match.newBlockMarker && (u = o.validPositions[s + 1]) && !0 === u.match.optionalQuantifier) && ((p = l.extend({}, p, { input: i.getPlaceholder.call(a, s, p.match, !0) || p.match.def })).generatedInput = !0, v.call(a, s, p, !0), !0 !== n)) { var d = o.validPositions[t].input; return o.validPositions[t] = void 0, f.call(a, t, d, !0, !0) } } } } function v(e, t, n, a) { var o = this, l = this.maskset, s = this.opts, c = this.dependencyLib; function d(e, t, n) { var i = t[e]; if (void 0 !== i && !0 === i.match.static && !0 !== i.match.optionality && (void 0 === t[0] || void 0 === t[0].alternation)) { var a = n.begin <= e - 1 ? t[e - 1] && !0 === t[e - 1].match.static && t[e - 1] : t[e - 1], r = n.end > e + 1 ? t[e + 1] && !0 === t[e + 1].match.static && t[e + 1] : t[e + 1]; return a && r } return !1 } var h = 0, v = void 0 !== e.begin ? e.begin : e, m = void 0 !== e.end ? e.end : e, g = !0; if (e.begin > e.end && (v = e.end, m = e.begin), a = void 0 !== a ? a : v, void 0 === n && (v !== m || s.insertMode && void 0 !== l.validPositions[a] || void 0 === t || t.match.optionalQuantifier || t.match.optionality)) { var y, k = c.extend(!0, [], l.validPositions), b = r.getLastValidPosition.call(o, void 0, !0); l.p = v; var x = u.call(o, e) ? v : a; for (y = b; y >= x; y--)l.validPositions.splice(y, 1), void 0 === t && delete l.tests[y + 1]; var P, w, S = a, O = S; for (t && (l.validPositions[a] = c.extend(!0, {}, t), O++, S++), null == k[m] && l.jitOffset[m] && (m += l.jitOffset[m] + 1), y = t ? m : m - 1; y <= b; y++) { if (void 0 !== (P = k[y]) && !0 !== P.generatedInput && (y >= m || y >= v && d(y, k, { begin: v, end: m }))) { for (; "" !== i.getTest.call(o, O).match.def;) { if (!1 !== (w = p.call(o, O, P, s)) || "+" === P.match.def) { "+" === P.match.def && r.getBuffer.call(o, !0); var _ = f.call(o, O, P.input, "+" !== P.match.def, !0); if (g = !1 !== _, S = (_.pos || O) + 1, !g && w) break } else g = !1; if (g) { void 0 === t && P.match.static && y === e.begin && h++; break } if (!g && r.getBuffer.call(o), O > l.maskLength) break; O++ } "" == i.getTest.call(o, O).match.def && (g = !1), O = S } if (!g) break } if (!g) return l.validPositions = c.extend(!0, [], k), r.resetMaskSet.call(o, !0), !1 } else t && i.getTest.call(o, a).match.cd === t.match.cd && (l.validPositions[a] = c.extend(!0, {}, t)); return r.resetMaskSet.call(o, !0), h } } }, t = {}; function n(i) { var a = t[i]; if (void 0 !== a) return a.exports; var r = t[i] = { exports: {} }; return e[i](r, r.exports, n), r.exports } var i = {}; return function () { var e = i; Object.defineProperty(e, "__esModule", { value: !0 }), e.default = void 0, n(7149), n(3194), n(9302), n(4013), n(3851), n(219), n(207), n(5296); var t, a = (t = n(2394)) && t.__esModule ? t : { default: t }; e.default = a.default }(), i }() })); + +const inputmask = window.Inputmask; +window.Inputmask = undefined; +export default inputmask; \ No newline at end of file diff --git a/_content/Blazorise/vendors/jsencrypt.js b/_content/Blazorise/vendors/jsencrypt.js new file mode 100755 index 0000000..da1eb20 --- /dev/null +++ b/_content/Blazorise/vendors/jsencrypt.js @@ -0,0 +1,2 @@ +/*! For license information please see jsencrypt.min.js.LICENSE.txt */ +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.JSEncrypt=e():t.JSEncrypt=e()}(window,(()=>(()=>{"use strict";var t={d:(e,i)=>{for(var r in i)t.o(i,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:i[r]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};function i(t){return"0123456789abcdefghijklmnopqrstuvwxyz".charAt(t)}function r(t,e){return t&e}function n(t,e){return t|e}function s(t,e){return t^e}function o(t,e){return t&~e}function h(t){if(0==t)return-1;var e=0;return 0==(65535&t)&&(t>>=16,e+=16),0==(255&t)&&(t>>=8,e+=8),0==(15&t)&&(t>>=4,e+=4),0==(3&t)&&(t>>=2,e+=2),0==(1&t)&&++e,e}function a(t){for(var e=0;0!=t;)t&=t-1,++e;return e}t.d(e,{default:()=>rt});var u,c="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";function f(t){var e,i,r="";for(e=0;e+3<=t.length;e+=3)i=parseInt(t.substring(e,e+3),16),r+=c.charAt(i>>6)+c.charAt(63&i);for(e+1==t.length?(i=parseInt(t.substring(e,e+1),16),r+=c.charAt(i<<2)):e+2==t.length&&(i=parseInt(t.substring(e,e+2),16),r+=c.charAt(i>>2)+c.charAt((3&i)<<4));(3&r.length)>0;)r+="=";return r}function l(t){var e,r="",n=0,s=0;for(e=0;e>2),s=3&o,n=1):1==n?(r+=i(s<<2|o>>4),s=15&o,n=2):2==n?(r+=i(s),r+=i(o>>2),s=3&o,n=3):(r+=i(s<<2|o>>4),r+=i(15&o),n=0))}return 1==n&&(r+=i(s<<2)),r}var p,g={decode:function(t){var e;if(void 0===p){var i="= \f\n\r\t \u2028\u2029";for(p=Object.create(null),e=0;e<64;++e)p["ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".charAt(e)]=e;for(p["-"]=62,p._=63,e=0;e=4?(r[r.length]=n>>16,r[r.length]=n>>8&255,r[r.length]=255&n,n=0,s=0):n<<=6}}switch(s){case 1:throw new Error("Base64 encoding incomplete: at least 2 bits missing");case 2:r[r.length]=n>>10;break;case 3:r[r.length]=n>>16,r[r.length]=n>>8&255}return r},re:/-----BEGIN [^-]+-----([A-Za-z0-9+\/=\s]+)-----END [^-]+-----|begin-base64[^\n]+\n([A-Za-z0-9+\/=\s]+)====/,unarmor:function(t){var e=g.re.exec(t);if(e)if(e[1])t=e[1];else{if(!e[2])throw new Error("RegExp out of sync");t=e[2]}return g.decode(t)}},d=1e13,v=function(){function t(t){this.buf=[+t||0]}return t.prototype.mulAdd=function(t,e){var i,r,n=this.buf,s=n.length;for(i=0;i0&&(n[i]=e)},t.prototype.sub=function(t){var e,i,r=this.buf,n=r.length;for(e=0;e=0;--r)i+=(d+e[r]).toString().substring(1);return i},t.prototype.valueOf=function(){for(var t=this.buf,e=0,i=t.length-1;i>=0;--i)e=e*d+t[i];return e},t.prototype.simplify=function(){var t=this.buf;return 1==t.length?t[0]:this},t}(),m=/^(\d\d)(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])([01]\d|2[0-3])(?:([0-5]\d)(?:([0-5]\d)(?:[.,](\d{1,3}))?)?)?(Z|[-+](?:[0]\d|1[0-2])([0-5]\d)?)?$/,y=/^(\d\d\d\d)(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])([01]\d|2[0-3])(?:([0-5]\d)(?:([0-5]\d)(?:[.,](\d{1,3}))?)?)?(Z|[-+](?:[0]\d|1[0-2])([0-5]\d)?)?$/;function b(t,e){return t.length>e&&(t=t.substring(0,e)+"…"),t}var T,S=function(){function t(e,i){this.hexDigits="0123456789ABCDEF",e instanceof t?(this.enc=e.enc,this.pos=e.pos):(this.enc=e,this.pos=i)}return t.prototype.get=function(t){if(void 0===t&&(t=this.pos++),t>=this.enc.length)throw new Error("Requesting byte offset ".concat(t," on a stream of length ").concat(this.enc.length));return"string"==typeof this.enc?this.enc.charCodeAt(t):this.enc[t]},t.prototype.hexByte=function(t){return this.hexDigits.charAt(t>>4&15)+this.hexDigits.charAt(15&t)},t.prototype.hexDump=function(t,e,i){for(var r="",n=t;n176)return!1}return!0},t.prototype.parseStringISO=function(t,e){for(var i="",r=t;r191&&n<224?String.fromCharCode((31&n)<<6|63&this.get(r++)):String.fromCharCode((15&n)<<12|(63&this.get(r++))<<6|63&this.get(r++))}return i},t.prototype.parseStringBMP=function(t,e){for(var i,r,n="",s=t;s127,s=n?255:0,o="";r==s&&++t4){for(o=r,i<<=3;0==(128&(+o^s));)o=+o<<1,--i;o="("+i+" bit)\n"}n&&(r-=256);for(var h=new v(r),a=t+1;a=a;--u)s+=h>>u&1?"1":"0";if(s.length>i)return n+b(s,i)}return n+s},t.prototype.parseOctetString=function(t,e,i){if(this.isASCII(t,e))return b(this.parseStringISO(t,e),i);var r=e-t,n="("+r+" byte)\n";r>(i/=2)&&(e=t+i);for(var s=t;si&&(n+="…"),n},t.prototype.parseOID=function(t,e,i){for(var r="",n=new v,s=0,o=t;oi)return b(r,i);n=new v,s=0}}return s>0&&(r+=".incomplete"),r},t}(),E=function(){function t(t,e,i,r,n){if(!(r instanceof w))throw new Error("Invalid tag value.");this.stream=t,this.header=e,this.length=i,this.tag=r,this.sub=n}return t.prototype.typeName=function(){switch(this.tag.tagClass){case 0:switch(this.tag.tagNumber){case 0:return"EOC";case 1:return"BOOLEAN";case 2:return"INTEGER";case 3:return"BIT_STRING";case 4:return"OCTET_STRING";case 5:return"NULL";case 6:return"OBJECT_IDENTIFIER";case 7:return"ObjectDescriptor";case 8:return"EXTERNAL";case 9:return"REAL";case 10:return"ENUMERATED";case 11:return"EMBEDDED_PDV";case 12:return"UTF8String";case 16:return"SEQUENCE";case 17:return"SET";case 18:return"NumericString";case 19:return"PrintableString";case 20:return"TeletexString";case 21:return"VideotexString";case 22:return"IA5String";case 23:return"UTCTime";case 24:return"GeneralizedTime";case 25:return"GraphicString";case 26:return"VisibleString";case 27:return"GeneralString";case 28:return"UniversalString";case 30:return"BMPString"}return"Universal_"+this.tag.tagNumber.toString();case 1:return"Application_"+this.tag.tagNumber.toString();case 2:return"["+this.tag.tagNumber.toString()+"]";case 3:return"Private_"+this.tag.tagNumber.toString()}},t.prototype.content=function(t){if(void 0===this.tag)return null;void 0===t&&(t=1/0);var e=this.posContent(),i=Math.abs(this.length);if(!this.tag.isUniversal())return null!==this.sub?"("+this.sub.length+" elem)":this.stream.parseOctetString(e,e+i,t);switch(this.tag.tagNumber){case 1:return 0===this.stream.get(e)?"false":"true";case 2:return this.stream.parseInteger(e,e+i);case 3:return this.sub?"("+this.sub.length+" elem)":this.stream.parseBitString(e,e+i,t);case 4:return this.sub?"("+this.sub.length+" elem)":this.stream.parseOctetString(e,e+i,t);case 6:return this.stream.parseOID(e,e+i,t);case 16:case 17:return null!==this.sub?"("+this.sub.length+" elem)":"(no elem)";case 12:return b(this.stream.parseStringUTF(e,e+i),t);case 18:case 19:case 20:case 21:case 22:case 26:return b(this.stream.parseStringISO(e,e+i),t);case 30:return b(this.stream.parseStringBMP(e,e+i),t);case 23:case 24:return this.stream.parseTime(e,e+i,23==this.tag.tagNumber)}return null},t.prototype.toString=function(){return this.typeName()+"@"+this.stream.pos+"[header:"+this.header+",length:"+this.length+",sub:"+(null===this.sub?"null":this.sub.length)+"]"},t.prototype.toPrettyString=function(t){void 0===t&&(t="");var e=t+this.typeName()+" @"+this.stream.pos;if(this.length>=0&&(e+="+"),e+=this.length,this.tag.tagConstructed?e+=" (constructed)":!this.tag.isUniversal()||3!=this.tag.tagNumber&&4!=this.tag.tagNumber||null===this.sub||(e+=" (encapsulates)"),e+="\n",null!==this.sub){t+=" ";for(var i=0,r=this.sub.length;i6)throw new Error("Length over 48 bits not supported at position "+(t.pos-1));if(0===i)return null;e=0;for(var r=0;r>6,this.tagConstructed=0!=(32&e),this.tagNumber=31&e,31==this.tagNumber){var i=new v;do{e=t.get(),i.mulAdd(128,127&e)}while(128&e);this.tagNumber=i.simplify()}}return t.prototype.isUniversal=function(){return 0===this.tagClass},t.prototype.isEOC=function(){return 0===this.tagClass&&0===this.tagNumber},t}(),D=[2,3,5,7,11,13,17,19,23,29,31,37,41,43,47,53,59,61,67,71,73,79,83,89,97,101,103,107,109,113,127,131,137,139,149,151,157,163,167,173,179,181,191,193,197,199,211,223,227,229,233,239,241,251,257,263,269,271,277,281,283,293,307,311,313,317,331,337,347,349,353,359,367,373,379,383,389,397,401,409,419,421,431,433,439,443,449,457,461,463,467,479,487,491,499,503,509,521,523,541,547,557,563,569,571,577,587,593,599,601,607,613,617,619,631,641,643,647,653,659,661,673,677,683,691,701,709,719,727,733,739,743,751,757,761,769,773,787,797,809,811,821,823,827,829,839,853,857,859,863,877,881,883,887,907,911,919,929,937,941,947,953,967,971,977,983,991,997],x=(1<<26)/D[D.length-1],R=function(){function t(t,e,i){null!=t&&("number"==typeof t?this.fromNumber(t,e,i):null==e&&"string"!=typeof t?this.fromString(t,256):this.fromString(t,e))}return t.prototype.toString=function(t){if(this.s<0)return"-"+this.negate().toString(t);var e;if(16==t)e=4;else if(8==t)e=3;else if(2==t)e=1;else if(32==t)e=5;else{if(4!=t)return this.toRadix(t);e=2}var r,n=(1<0)for(a>a)>0&&(s=!0,o=i(r));h>=0;)a>(a+=this.DB-e)):(r=this[h]>>(a-=e)&n,a<=0&&(a+=this.DB,--h)),r>0&&(s=!0),s&&(o+=i(r));return s?o:"0"},t.prototype.negate=function(){var e=I();return t.ZERO.subTo(this,e),e},t.prototype.abs=function(){return this.s<0?this.negate():this},t.prototype.compareTo=function(t){var e=this.s-t.s;if(0!=e)return e;var i=this.t;if(0!=(e=i-t.t))return this.s<0?-e:e;for(;--i>=0;)if(0!=(e=this[i]-t[i]))return e;return 0},t.prototype.bitLength=function(){return this.t<=0?0:this.DB*(this.t-1)+C(this[this.t-1]^this.s&this.DM)},t.prototype.mod=function(e){var i=I();return this.abs().divRemTo(e,null,i),this.s<0&&i.compareTo(t.ZERO)>0&&e.subTo(i,i),i},t.prototype.modPowInt=function(t,e){var i;return i=t<256||e.isEven()?new O(e):new A(e),this.exp(t,i)},t.prototype.clone=function(){var t=I();return this.copyTo(t),t},t.prototype.intValue=function(){if(this.s<0){if(1==this.t)return this[0]-this.DV;if(0==this.t)return-1}else{if(1==this.t)return this[0];if(0==this.t)return 0}return(this[1]&(1<<32-this.DB)-1)<>24},t.prototype.shortValue=function(){return 0==this.t?this.s:this[0]<<16>>16},t.prototype.signum=function(){return this.s<0?-1:this.t<=0||1==this.t&&this[0]<=0?0:1},t.prototype.toByteArray=function(){var t=this.t,e=[];e[0]=this.s;var i,r=this.DB-t*this.DB%8,n=0;if(t-- >0)for(r>r)!=(this.s&this.DM)>>r&&(e[n++]=i|this.s<=0;)r<8?(i=(this[t]&(1<>(r+=this.DB-8)):(i=this[t]>>(r-=8)&255,r<=0&&(r+=this.DB,--t)),0!=(128&i)&&(i|=-256),0==n&&(128&this.s)!=(128&i)&&++n,(n>0||i!=this.s)&&(e[n++]=i);return e},t.prototype.equals=function(t){return 0==this.compareTo(t)},t.prototype.min=function(t){return this.compareTo(t)<0?this:t},t.prototype.max=function(t){return this.compareTo(t)>0?this:t},t.prototype.and=function(t){var e=I();return this.bitwiseTo(t,r,e),e},t.prototype.or=function(t){var e=I();return this.bitwiseTo(t,n,e),e},t.prototype.xor=function(t){var e=I();return this.bitwiseTo(t,s,e),e},t.prototype.andNot=function(t){var e=I();return this.bitwiseTo(t,o,e),e},t.prototype.not=function(){for(var t=I(),e=0;e=this.t?0!=this.s:0!=(this[e]&1<1){var c=I();for(r.sqrTo(o[1],c);h<=u;)o[h]=I(),r.mulTo(c,o[h-2],o[h]),h+=2}var f,l,p=t.t-1,g=!0,d=I();for(n=C(t[p])-1;p>=0;){for(n>=a?f=t[p]>>n-a&u:(f=(t[p]&(1<0&&(f|=t[p-1]>>this.DB+n-a)),h=i;0==(1&f);)f>>=1,--h;if((n-=h)<0&&(n+=this.DB,--p),g)o[f].copyTo(s),g=!1;else{for(;h>1;)r.sqrTo(s,d),r.sqrTo(d,s),h-=2;h>0?r.sqrTo(s,d):(l=s,s=d,d=l),r.mulTo(d,o[f],s)}for(;p>=0&&0==(t[p]&1<=0?(r.subTo(n,r),i&&s.subTo(h,s),o.subTo(a,o)):(n.subTo(r,n),i&&h.subTo(s,h),a.subTo(o,a))}return 0!=n.compareTo(t.ONE)?t.ZERO:a.compareTo(e)>=0?a.subtract(e):a.signum()<0?(a.addTo(e,a),a.signum()<0?a.add(e):a):a},t.prototype.pow=function(t){return this.exp(t,new B)},t.prototype.gcd=function(t){var e=this.s<0?this.negate():this.clone(),i=t.s<0?t.negate():t.clone();if(e.compareTo(i)<0){var r=e;e=i,i=r}var n=e.getLowestSetBit(),s=i.getLowestSetBit();if(s<0)return e;for(n0&&(e.rShiftTo(s,e),i.rShiftTo(s,i));e.signum()>0;)(n=e.getLowestSetBit())>0&&e.rShiftTo(n,e),(n=i.getLowestSetBit())>0&&i.rShiftTo(n,i),e.compareTo(i)>=0?(e.subTo(i,e),e.rShiftTo(1,e)):(i.subTo(e,i),i.rShiftTo(1,i));return s>0&&i.lShiftTo(s,i),i},t.prototype.isProbablePrime=function(t){var e,i=this.abs();if(1==i.t&&i[0]<=D[D.length-1]){for(e=0;e=0;--e)t[e]=this[e];t.t=this.t,t.s=this.s},t.prototype.fromInt=function(t){this.t=1,this.s=t<0?-1:0,t>0?this[0]=t:t<-1?this[0]=t+this.DV:this.t=0},t.prototype.fromString=function(e,i){var r;if(16==i)r=4;else if(8==i)r=3;else if(256==i)r=8;else if(2==i)r=1;else if(32==i)r=5;else{if(4!=i)return void this.fromRadix(e,i);r=2}this.t=0,this.s=0;for(var n=e.length,s=!1,o=0;--n>=0;){var h=8==r?255&+e[n]:L(e,n);h<0?"-"==e.charAt(n)&&(s=!0):(s=!1,0==o?this[this.t++]=h:o+r>this.DB?(this[this.t-1]|=(h&(1<>this.DB-o):this[this.t-1]|=h<=this.DB&&(o-=this.DB))}8==r&&0!=(128&+e[0])&&(this.s=-1,o>0&&(this[this.t-1]|=(1<0&&this[this.t-1]==t;)--this.t},t.prototype.dlShiftTo=function(t,e){var i;for(i=this.t-1;i>=0;--i)e[i+t]=this[i];for(i=t-1;i>=0;--i)e[i]=0;e.t=this.t+t,e.s=this.s},t.prototype.drShiftTo=function(t,e){for(var i=t;i=0;--h)e[h+s+1]=this[h]>>r|o,o=(this[h]&n)<=0;--h)e[h]=0;e[s]=o,e.t=this.t+s+1,e.s=this.s,e.clamp()},t.prototype.rShiftTo=function(t,e){e.s=this.s;var i=Math.floor(t/this.DB);if(i>=this.t)e.t=0;else{var r=t%this.DB,n=this.DB-r,s=(1<>r;for(var o=i+1;o>r;r>0&&(e[this.t-i-1]|=(this.s&s)<>=this.DB;if(t.t>=this.DB;r+=this.s}else{for(r+=this.s;i>=this.DB;r-=t.s}e.s=r<0?-1:0,r<-1?e[i++]=this.DV+r:r>0&&(e[i++]=r),e.t=i,e.clamp()},t.prototype.multiplyTo=function(e,i){var r=this.abs(),n=e.abs(),s=r.t;for(i.t=s+n.t;--s>=0;)i[s]=0;for(s=0;s=0;)t[i]=0;for(i=0;i=e.DV&&(t[i+e.t]-=e.DV,t[i+e.t+1]=1)}t.t>0&&(t[t.t-1]+=e.am(i,e[i],t,2*i,0,1)),t.s=0,t.clamp()},t.prototype.divRemTo=function(e,i,r){var n=e.abs();if(!(n.t<=0)){var s=this.abs();if(s.t0?(n.lShiftTo(u,o),s.lShiftTo(u,r)):(n.copyTo(o),s.copyTo(r));var c=o.t,f=o[c-1];if(0!=f){var l=f*(1<1?o[c-2]>>this.F2:0),p=this.FV/l,g=(1<=0&&(r[r.t++]=1,r.subTo(y,r)),t.ONE.dlShiftTo(c,y),y.subTo(o,o);o.t=0;){var b=r[--v]==f?this.DM:Math.floor(r[v]*p+(r[v-1]+d)*g);if((r[v]+=o.am(0,b,r,m,0,c))0&&r.rShiftTo(u,r),h<0&&t.ZERO.subTo(r,r)}}},t.prototype.invDigit=function(){if(this.t<1)return 0;var t=this[0];if(0==(1&t))return 0;var e=3&t;return(e=(e=(e=(e=e*(2-(15&t)*e)&15)*(2-(255&t)*e)&255)*(2-((65535&t)*e&65535))&65535)*(2-t*e%this.DV)%this.DV)>0?this.DV-e:-e},t.prototype.isEven=function(){return 0==(this.t>0?1&this[0]:this.s)},t.prototype.exp=function(e,i){if(e>4294967295||e<1)return t.ONE;var r=I(),n=I(),s=i.convert(this),o=C(e)-1;for(s.copyTo(r);--o>=0;)if(i.sqrTo(r,n),(e&1<0)i.mulTo(n,s,r);else{var h=r;r=n,n=h}return i.revert(r)},t.prototype.chunkSize=function(t){return Math.floor(Math.LN2*this.DB/Math.log(t))},t.prototype.toRadix=function(t){if(null==t&&(t=10),0==this.signum()||t<2||t>36)return"0";var e=this.chunkSize(t),i=Math.pow(t,e),r=H(i),n=I(),s=I(),o="";for(this.divRemTo(r,n,s);n.signum()>0;)o=(i+s.intValue()).toString(t).substr(1)+o,n.divRemTo(r,n,s);return s.intValue().toString(t)+o},t.prototype.fromRadix=function(e,i){this.fromInt(0),null==i&&(i=10);for(var r=this.chunkSize(i),n=Math.pow(i,r),s=!1,o=0,h=0,a=0;a=r&&(this.dMultiply(n),this.dAddOffset(h,0),o=0,h=0))}o>0&&(this.dMultiply(Math.pow(i,o)),this.dAddOffset(h,0)),s&&t.ZERO.subTo(this,this)},t.prototype.fromNumber=function(e,i,r){if("number"==typeof i)if(e<2)this.fromInt(1);else for(this.fromNumber(e,r),this.testBit(e-1)||this.bitwiseTo(t.ONE.shiftLeft(e-1),n,this),this.isEven()&&this.dAddOffset(1,0);!this.isProbablePrime(i);)this.dAddOffset(2,0),this.bitLength()>e&&this.subTo(t.ONE.shiftLeft(e-1),this);else{var s=[],o=7&e;s.length=1+(e>>3),i.nextBytes(s),o>0?s[0]&=(1<>=this.DB;if(t.t>=this.DB;r+=this.s}else{for(r+=this.s;i>=this.DB;r+=t.s}e.s=r<0?-1:0,r>0?e[i++]=r:r<-1&&(e[i++]=this.DV+r),e.t=i,e.clamp()},t.prototype.dMultiply=function(t){this[this.t]=this.am(0,t-1,this,0,0,this.t),++this.t,this.clamp()},t.prototype.dAddOffset=function(t,e){if(0!=t){for(;this.t<=e;)this[this.t++]=0;for(this[e]+=t;this[e]>=this.DV;)this[e]-=this.DV,++e>=this.t&&(this[this.t++]=0),++this[e]}},t.prototype.multiplyLowerTo=function(t,e,i){var r=Math.min(this.t+t.t,e);for(i.s=0,i.t=r;r>0;)i[--r]=0;for(var n=i.t-this.t;r=0;)i[r]=0;for(r=Math.max(e-this.t,0);r0)if(0==e)i=this[0]%t;else for(var r=this.t-1;r>=0;--r)i=(e*i+this[r])%t;return i},t.prototype.millerRabin=function(e){var i=this.subtract(t.ONE),r=i.getLowestSetBit();if(r<=0)return!1;var n=i.shiftRight(r);(e=e+1>>1)>D.length&&(e=D.length);for(var s=I(),o=0;o0&&(i.rShiftTo(o,i),r.rShiftTo(o,r));var h=function(){(s=i.getLowestSetBit())>0&&i.rShiftTo(s,i),(s=r.getLowestSetBit())>0&&r.rShiftTo(s,r),i.compareTo(r)>=0?(i.subTo(r,i),i.rShiftTo(1,i)):(r.subTo(i,r),r.rShiftTo(1,r)),i.signum()>0?setTimeout(h,0):(o>0&&r.lShiftTo(o,r),setTimeout((function(){e(r)}),0))};setTimeout(h,10)}},t.prototype.fromNumberAsync=function(e,i,r,s){if("number"==typeof i)if(e<2)this.fromInt(1);else{this.fromNumber(e,r),this.testBit(e-1)||this.bitwiseTo(t.ONE.shiftLeft(e-1),n,this),this.isEven()&&this.dAddOffset(1,0);var o=this,h=function(){o.dAddOffset(2,0),o.bitLength()>e&&o.subTo(t.ONE.shiftLeft(e-1),o),o.isProbablePrime(i)?setTimeout((function(){s()}),0):setTimeout(h,0)};setTimeout(h,0)}else{var a=[],u=7&e;a.length=1+(e>>3),i.nextBytes(a),u>0?a[0]&=(1<=0?t.mod(this.m):t},t.prototype.revert=function(t){return t},t.prototype.reduce=function(t){t.divRemTo(this.m,null,t)},t.prototype.mulTo=function(t,e,i){t.multiplyTo(e,i),this.reduce(i)},t.prototype.sqrTo=function(t,e){t.squareTo(e),this.reduce(e)},t}(),A=function(){function t(t){this.m=t,this.mp=t.invDigit(),this.mpl=32767&this.mp,this.mph=this.mp>>15,this.um=(1<0&&this.m.subTo(e,e),e},t.prototype.revert=function(t){var e=I();return t.copyTo(e),this.reduce(e),e},t.prototype.reduce=function(t){for(;t.t<=this.mt2;)t[t.t++]=0;for(var e=0;e>15)*this.mpl&this.um)<<15)&t.DM;for(t[i=e+this.m.t]+=this.m.am(0,r,t,e,0,this.m.t);t[i]>=t.DV;)t[i]-=t.DV,t[++i]++}t.clamp(),t.drShiftTo(this.m.t,t),t.compareTo(this.m)>=0&&t.subTo(this.m,t)},t.prototype.mulTo=function(t,e,i){t.multiplyTo(e,i),this.reduce(i)},t.prototype.sqrTo=function(t,e){t.squareTo(e),this.reduce(e)},t}(),V=function(){function t(t){this.m=t,this.r2=I(),this.q3=I(),R.ONE.dlShiftTo(2*t.t,this.r2),this.mu=this.r2.divide(t)}return t.prototype.convert=function(t){if(t.s<0||t.t>2*this.m.t)return t.mod(this.m);if(t.compareTo(this.m)<0)return t;var e=I();return t.copyTo(e),this.reduce(e),e},t.prototype.revert=function(t){return t},t.prototype.reduce=function(t){for(t.drShiftTo(this.m.t-1,this.r2),t.t>this.m.t+1&&(t.t=this.m.t+1,t.clamp()),this.mu.multiplyUpperTo(this.r2,this.m.t+1,this.q3),this.m.multiplyLowerTo(this.q3,this.m.t+1,this.r2);t.compareTo(this.r2)<0;)t.dAddOffset(1,this.m.t+1);for(t.subTo(this.r2,t);t.compareTo(this.m)>=0;)t.subTo(this.m,t)},t.prototype.mulTo=function(t,e,i){t.multiplyTo(e,i),this.reduce(i)},t.prototype.sqrTo=function(t,e){t.squareTo(e),this.reduce(e)},t}();function I(){return new R(null)}function N(t,e){return new R(t,e)}var P="undefined"!=typeof navigator;P&&"Microsoft Internet Explorer"==navigator.appName?(R.prototype.am=function(t,e,i,r,n,s){for(var o=32767&e,h=e>>15;--s>=0;){var a=32767&this[t],u=this[t++]>>15,c=h*a+u*o;n=((a=o*a+((32767&c)<<15)+i[r]+(1073741823&n))>>>30)+(c>>>15)+h*u+(n>>>30),i[r++]=1073741823&a}return n},T=30):P&&"Netscape"!=navigator.appName?(R.prototype.am=function(t,e,i,r,n,s){for(;--s>=0;){var o=e*this[t++]+i[r]+n;n=Math.floor(o/67108864),i[r++]=67108863&o}return n},T=26):(R.prototype.am=function(t,e,i,r,n,s){for(var o=16383&e,h=e>>14;--s>=0;){var a=16383&this[t],u=this[t++]>>14,c=h*a+u*o;n=((a=o*a+((16383&c)<<14)+i[r]+n)>>28)+(c>>14)+h*u,i[r++]=268435455&a}return n},T=28),R.prototype.DB=T,R.prototype.DM=(1<>>16)&&(t=e,i+=16),0!=(e=t>>8)&&(t=e,i+=8),0!=(e=t>>4)&&(t=e,i+=4),0!=(e=t>>2)&&(t=e,i+=2),0!=(e=t>>1)&&(t=e,i+=1),i}R.ZERO=H(0),R.ONE=H(1);var F,U,K=function(){function t(){this.i=0,this.j=0,this.S=[]}return t.prototype.init=function(t){var e,i,r;for(e=0;e<256;++e)this.S[e]=e;for(i=0,e=0;e<256;++e)i=i+this.S[e]+t[e%t.length]&255,r=this.S[e],this.S[e]=this.S[i],this.S[i]=r;this.i=0,this.j=0},t.prototype.next=function(){var t;return this.i=this.i+1&255,this.j=this.j+this.S[this.i]&255,t=this.S[this.i],this.S[this.i]=this.S[this.j],this.S[this.j]=t,this.S[t+this.S[this.i]&255]},t}(),k=null;if(null==k){k=[],U=0;var _=void 0;if("undefined"!=typeof window&&window.crypto&&window.crypto.getRandomValues){var z=new Uint32Array(256);for(window.crypto.getRandomValues(z),_=0;_=256||U>=256)window.removeEventListener?window.removeEventListener("mousemove",G,!1):window.detachEvent&&window.detachEvent("onmousemove",G);else try{var e=t.x+t.y;k[U++]=255&e,Z+=1}catch(t){}};"undefined"!=typeof window&&(window.addEventListener?window.addEventListener("mousemove",G,!1):window.attachEvent&&window.attachEvent("onmousemove",G))}function $(){if(null==F){for(F=new K;U<256;){var t=Math.floor(65536*Math.random());k[U++]=255&t}for(F.init(k),U=0;U0&&e.length>0?(this.n=N(t,16),this.e=parseInt(e,16)):console.error("Invalid RSA public key")},t.prototype.encrypt=function(t){var e=this.n.bitLength()+7>>3,i=function(t,e){if(e=0&&e>0;){var n=t.charCodeAt(r--);n<128?i[--e]=n:n>127&&n<2048?(i[--e]=63&n|128,i[--e]=n>>6|192):(i[--e]=63&n|128,i[--e]=n>>6&63|128,i[--e]=n>>12|224)}i[--e]=0;for(var s=new Y,o=[];e>2;){for(o[0]=0;0==o[0];)s.nextBytes(o);i[--e]=o[0]}return i[--e]=2,i[--e]=0,new R(i)}(t,e);if(null==i)return null;var r=this.doPublic(i);if(null==r)return null;for(var n=r.toString(16),s=n.length,o=0;o<2*e-s;o++)n="0"+n;return n},t.prototype.setPrivate=function(t,e,i){null!=t&&null!=e&&t.length>0&&e.length>0?(this.n=N(t,16),this.e=parseInt(e,16),this.d=N(i,16)):console.error("Invalid RSA private key")},t.prototype.setPrivateEx=function(t,e,i,r,n,s,o,h){null!=t&&null!=e&&t.length>0&&e.length>0?(this.n=N(t,16),this.e=parseInt(e,16),this.d=N(i,16),this.p=N(r,16),this.q=N(n,16),this.dmp1=N(s,16),this.dmq1=N(o,16),this.coeff=N(h,16)):console.error("Invalid RSA private key")},t.prototype.generate=function(t,e){var i=new Y,r=t>>1;this.e=parseInt(e,16);for(var n=new R(e,16);;){for(;this.p=new R(t-r,1,i),0!=this.p.subtract(R.ONE).gcd(n).compareTo(R.ONE)||!this.p.isProbablePrime(10););for(;this.q=new R(r,1,i),0!=this.q.subtract(R.ONE).gcd(n).compareTo(R.ONE)||!this.q.isProbablePrime(10););if(this.p.compareTo(this.q)<=0){var s=this.p;this.p=this.q,this.q=s}var o=this.p.subtract(R.ONE),h=this.q.subtract(R.ONE),a=o.multiply(h);if(0==a.gcd(n).compareTo(R.ONE)){this.n=this.p.multiply(this.q),this.d=n.modInverse(a),this.dmp1=this.d.mod(o),this.dmq1=this.d.mod(h),this.coeff=this.q.modInverse(this.p);break}}},t.prototype.decrypt=function(t){var e=N(t,16),i=this.doPrivate(e);return null==i?null:function(t,e){for(var i=t.toByteArray(),r=0;r=i.length)return null;for(var n="";++r191&&s<224?(n+=String.fromCharCode((31&s)<<6|63&i[r+1]),++r):(n+=String.fromCharCode((15&s)<<12|(63&i[r+1])<<6|63&i[r+2]),r+=2)}return n}(i,this.n.bitLength()+7>>3)},t.prototype.generateAsync=function(t,e,i){var r=new Y,n=t>>1;this.e=parseInt(e,16);var s=new R(e,16),o=this,h=function(){var e=function(){if(o.p.compareTo(o.q)<=0){var t=o.p;o.p=o.q,o.q=t}var e=o.p.subtract(R.ONE),r=o.q.subtract(R.ONE),n=e.multiply(r);0==n.gcd(s).compareTo(R.ONE)?(o.n=o.p.multiply(o.q),o.d=s.modInverse(n),o.dmp1=o.d.mod(e),o.dmq1=o.d.mod(r),o.coeff=o.q.modInverse(o.p),setTimeout((function(){i()}),0)):setTimeout(h,0)},a=function(){o.q=I(),o.q.fromNumberAsync(n,1,r,(function(){o.q.subtract(R.ONE).gcda(s,(function(t){0==t.compareTo(R.ONE)&&o.q.isProbablePrime(10)?setTimeout(e,0):setTimeout(a,0)}))}))},u=function(){o.p=I(),o.p.fromNumberAsync(t-n,1,r,(function(){o.p.subtract(R.ONE).gcda(s,(function(t){0==t.compareTo(R.ONE)&&o.p.isProbablePrime(10)?setTimeout(a,0):setTimeout(u,0)}))}))};setTimeout(u,0)};setTimeout(h,0)},t.prototype.sign=function(t,e,i){var r=function(t,e){if(e15)throw"ASN.1 length too long to represent by 8x: n = "+t.toString(16);return(128+i).toString(16)+e},this.getEncodedHex=function(){return(null==this.hTLV||this.isModified)&&(this.hV=this.getFreshValueHex(),this.hL=this.getLengthHexFromValue(),this.hTLV=this.hT+this.hL+this.hV,this.isModified=!1),this.hTLV},this.getValueHex=function(){return this.getEncodedHex(),this.hV},this.getFreshValueHex=function(){return""}},W.asn1.DERAbstractString=function(t){W.asn1.DERAbstractString.superclass.constructor.call(this),this.getString=function(){return this.s},this.setString=function(t){this.hTLV=null,this.isModified=!0,this.s=t,this.hV=stohex(this.s)},this.setStringHex=function(t){this.hTLV=null,this.isModified=!0,this.s=null,this.hV=t},this.getFreshValueHex=function(){return this.hV},void 0!==t&&("string"==typeof t?this.setString(t):void 0!==t.str?this.setString(t.str):void 0!==t.hex&&this.setStringHex(t.hex))},Q.lang.extend(W.asn1.DERAbstractString,W.asn1.ASN1Object),W.asn1.DERAbstractTime=function(t){W.asn1.DERAbstractTime.superclass.constructor.call(this),this.localDateToUTC=function(t){return utc=t.getTime()+6e4*t.getTimezoneOffset(),new Date(utc)},this.formatDate=function(t,e,i){var r=this.zeroPadding,n=this.localDateToUTC(t),s=String(n.getFullYear());"utc"==e&&(s=s.substr(2,2));var o=s+r(String(n.getMonth()+1),2)+r(String(n.getDate()),2)+r(String(n.getHours()),2)+r(String(n.getMinutes()),2)+r(String(n.getSeconds()),2);if(!0===i){var h=n.getMilliseconds();if(0!=h){var a=r(String(h),3);o=o+"."+(a=a.replace(/[0]+$/,""))}}return o+"Z"},this.zeroPadding=function(t,e){return t.length>=e?t:new Array(e-t.length+1).join("0")+t},this.getString=function(){return this.s},this.setString=function(t){this.hTLV=null,this.isModified=!0,this.s=t,this.hV=stohex(t)},this.setByDateValue=function(t,e,i,r,n,s){var o=new Date(Date.UTC(t,e-1,i,r,n,s,0));this.setByDate(o)},this.getFreshValueHex=function(){return this.hV}},Q.lang.extend(W.asn1.DERAbstractTime,W.asn1.ASN1Object),W.asn1.DERAbstractStructured=function(t){W.asn1.DERAbstractString.superclass.constructor.call(this),this.setByASN1ObjectArray=function(t){this.hTLV=null,this.isModified=!0,this.asn1Array=t},this.appendASN1Object=function(t){this.hTLV=null,this.isModified=!0,this.asn1Array.push(t)},this.asn1Array=new Array,void 0!==t&&void 0!==t.array&&(this.asn1Array=t.array)},Q.lang.extend(W.asn1.DERAbstractStructured,W.asn1.ASN1Object),W.asn1.DERBoolean=function(){W.asn1.DERBoolean.superclass.constructor.call(this),this.hT="01",this.hTLV="0101ff"},Q.lang.extend(W.asn1.DERBoolean,W.asn1.ASN1Object),W.asn1.DERInteger=function(t){W.asn1.DERInteger.superclass.constructor.call(this),this.hT="02",this.setByBigInteger=function(t){this.hTLV=null,this.isModified=!0,this.hV=W.asn1.ASN1Util.bigIntToMinTwosComplementsHex(t)},this.setByInteger=function(t){var e=new R(String(t),10);this.setByBigInteger(e)},this.setValueHex=function(t){this.hV=t},this.getFreshValueHex=function(){return this.hV},void 0!==t&&(void 0!==t.bigint?this.setByBigInteger(t.bigint):void 0!==t.int?this.setByInteger(t.int):"number"==typeof t?this.setByInteger(t):void 0!==t.hex&&this.setValueHex(t.hex))},Q.lang.extend(W.asn1.DERInteger,W.asn1.ASN1Object),W.asn1.DERBitString=function(t){if(void 0!==t&&void 0!==t.obj){var e=W.asn1.ASN1Util.newObject(t.obj);t.hex="00"+e.getEncodedHex()}W.asn1.DERBitString.superclass.constructor.call(this),this.hT="03",this.setHexValueIncludingUnusedBits=function(t){this.hTLV=null,this.isModified=!0,this.hV=t},this.setUnusedBitsAndHexValue=function(t,e){if(t<0||7=2?(n[n.length]=s,s=0,o=0):s<<=4}}if(o)throw new Error("Hex encoding incomplete: 4 bits missing");return n}(t):g.unarmor(t),n=E.decode(r);if(3===n.sub.length&&(n=n.sub[2].sub[0]),9===n.sub.length){e=n.sub[1].getHexStringValue(),this.n=N(e,16),i=n.sub[2].getHexStringValue(),this.e=parseInt(i,16);var s=n.sub[3].getHexStringValue();this.d=N(s,16);var o=n.sub[4].getHexStringValue();this.p=N(o,16);var h=n.sub[5].getHexStringValue();this.q=N(h,16);var a=n.sub[6].getHexStringValue();this.dmp1=N(a,16);var c=n.sub[7].getHexStringValue();this.dmq1=N(c,16);var f=n.sub[8].getHexStringValue();this.coeff=N(f,16)}else{if(2!==n.sub.length)return!1;if(n.sub[0].sub){var l=n.sub[1].sub[0];e=l.sub[0].getHexStringValue(),this.n=N(e,16),i=l.sub[1].getHexStringValue(),this.e=parseInt(i,16)}else e=n.sub[0].getHexStringValue(),this.n=N(e,16),i=n.sub[1].getHexStringValue(),this.e=parseInt(i,16)}return!0}catch(t){return!1}},e.prototype.getPrivateBaseKey=function(){var t={array:[new W.asn1.DERInteger({int:0}),new W.asn1.DERInteger({bigint:this.n}),new W.asn1.DERInteger({int:this.e}),new W.asn1.DERInteger({bigint:this.d}),new W.asn1.DERInteger({bigint:this.p}),new W.asn1.DERInteger({bigint:this.q}),new W.asn1.DERInteger({bigint:this.dmp1}),new W.asn1.DERInteger({bigint:this.dmq1}),new W.asn1.DERInteger({bigint:this.coeff})]};return new W.asn1.DERSequence(t).getEncodedHex()},e.prototype.getPrivateBaseKeyB64=function(){return f(this.getPrivateBaseKey())},e.prototype.getPublicBaseKey=function(){var t=new W.asn1.DERSequence({array:[new W.asn1.DERObjectIdentifier({oid:"1.2.840.113549.1.1.1"}),new W.asn1.DERNull]}),e=new W.asn1.DERSequence({array:[new W.asn1.DERInteger({bigint:this.n}),new W.asn1.DERInteger({int:this.e})]}),i=new W.asn1.DERBitString({hex:"00"+e.getEncodedHex()});return new W.asn1.DERSequence({array:[t,i]}).getEncodedHex()},e.prototype.getPublicBaseKeyB64=function(){return f(this.getPublicBaseKey())},e.wordwrap=function(t,e){if(!t)return t;var i="(.{1,"+(e=e||64)+"})( +|$\n?)|(.{1,"+e+"})";return t.match(RegExp(i,"g")).join("\n")},e.prototype.getPrivateKey=function(){var t="-----BEGIN RSA PRIVATE KEY-----\n";return(t+=e.wordwrap(this.getPrivateBaseKeyB64())+"\n")+"-----END RSA PRIVATE KEY-----"},e.prototype.getPublicKey=function(){var t="-----BEGIN PUBLIC KEY-----\n";return(t+=e.wordwrap(this.getPublicBaseKeyB64())+"\n")+"-----END PUBLIC KEY-----"},e.hasPublicKeyProperty=function(t){return(t=t||{}).hasOwnProperty("n")&&t.hasOwnProperty("e")},e.hasPrivateKeyProperty=function(t){return(t=t||{}).hasOwnProperty("n")&&t.hasOwnProperty("e")&&t.hasOwnProperty("d")&&t.hasOwnProperty("p")&&t.hasOwnProperty("q")&&t.hasOwnProperty("dmp1")&&t.hasOwnProperty("dmq1")&&t.hasOwnProperty("coeff")},e.prototype.parsePropertiesFrom=function(t){this.n=t.n,this.e=t.e,t.hasOwnProperty("d")&&(this.d=t.d,this.p=t.p,this.q=t.q,this.dmp1=t.dmp1,this.dmq1=t.dmq1,this.coeff=t.coeff)},e}(J);const rt=function(){function t(t){void 0===t&&(t={}),t=t||{},this.default_key_size=t.default_key_size?parseInt(t.default_key_size,10):1024,this.default_public_exponent=t.default_public_exponent||"010001",this.log=t.log||!1,this.key=null}return t.prototype.setKey=function(t){this.log&&this.key&&console.warn("A key was already set, overriding existing."),this.key=new it(t)},t.prototype.setPrivateKey=function(t){this.setKey(t)},t.prototype.setPublicKey=function(t){this.setKey(t)},t.prototype.decrypt=function(t){try{return this.getKey().decrypt(l(t))}catch(t){return!1}},t.prototype.encrypt=function(t){try{return f(this.getKey().encrypt(t))}catch(t){return!1}},t.prototype.sign=function(t,e,i){try{return f(this.getKey().sign(t,e,i))}catch(t){return!1}},t.prototype.verify=function(t,e,i){try{return this.getKey().verify(t,l(e),i)}catch(t){return!1}},t.prototype.getKey=function(t){if(!this.key){if(this.key=new it,t&&"[object Function]"==={}.toString.call(t))return void this.key.generateAsync(this.default_key_size,this.default_public_exponent,t);this.key.generate(this.default_key_size,this.default_public_exponent)}return this.key},t.prototype.getPrivateKey=function(){return this.getKey().getPrivateKey()},t.prototype.getPrivateKeyB64=function(){return this.getKey().getPrivateBaseKeyB64()},t.prototype.getPublicKey=function(){return this.getKey().getPublicKey()},t.prototype.getPublicKeyB64=function(){return this.getKey().getPublicBaseKeyB64()},t.version="3.2.1",t}();return e.default})())); \ No newline at end of file diff --git a/_content/Blazorise/vendors/sha512.js b/_content/Blazorise/vendors/sha512.js new file mode 100755 index 0000000..2c3bc36 --- /dev/null +++ b/_content/Blazorise/vendors/sha512.js @@ -0,0 +1,9 @@ +/* + * [js-sha512]{@link https://github.com/emn178/js-sha512} + * + * @version 0.8.0 + * @author Chen, Yi-Cyuan [emn178@gmail.com] + * @copyright Chen, Yi-Cyuan 2014-2018 + * @license MIT + */ +!function(){"use strict";function h(h,t){t?(p[0]=p[1]=p[2]=p[3]=p[4]=p[5]=p[6]=p[7]=p[8]=p[9]=p[10]=p[11]=p[12]=p[13]=p[14]=p[15]=p[16]=p[17]=p[18]=p[19]=p[20]=p[21]=p[22]=p[23]=p[24]=p[25]=p[26]=p[27]=p[28]=p[29]=p[30]=p[31]=p[32]=0,this.blocks=p):this.blocks=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],384==h?(this.h0h=3418070365,this.h0l=3238371032,this.h1h=1654270250,this.h1l=914150663,this.h2h=2438529370,this.h2l=812702999,this.h3h=355462360,this.h3l=4144912697,this.h4h=1731405415,this.h4l=4290775857,this.h5h=2394180231,this.h5l=1750603025,this.h6h=3675008525,this.h6l=1694076839,this.h7h=1203062813,this.h7l=3204075428):256==h?(this.h0h=573645204,this.h0l=4230739756,this.h1h=2673172387,this.h1l=3360449730,this.h2h=596883563,this.h2l=1867755857,this.h3h=2520282905,this.h3l=1497426621,this.h4h=2519219938,this.h4l=2827943907,this.h5h=3193839141,this.h5l=1401305490,this.h6h=721525244,this.h6l=746961066,this.h7h=246885852,this.h7l=2177182882):224==h?(this.h0h=2352822216,this.h0l=424955298,this.h1h=1944164710,this.h1l=2312950998,this.h2h=502970286,this.h2l=855612546,this.h3h=1738396948,this.h3l=1479516111,this.h4h=258812777,this.h4l=2077511080,this.h5h=2011393907,this.h5l=79989058,this.h6h=1067287976,this.h6l=1780299464,this.h7h=286451373,this.h7l=2446758561):(this.h0h=1779033703,this.h0l=4089235720,this.h1h=3144134277,this.h1l=2227873595,this.h2h=1013904242,this.h2l=4271175723,this.h3h=2773480762,this.h3l=1595750129,this.h4h=1359893119,this.h4l=2917565137,this.h5h=2600822924,this.h5l=725511199,this.h6h=528734635,this.h6l=4215389547,this.h7h=1541459225,this.h7l=327033209),this.bits=h,this.block=this.start=this.bytes=this.hBytes=0,this.finalized=this.hashed=!1}function t(t,s,e){var r,n=typeof t;if("string"!==n){if("object"!==n)throw new Error(i);if(null===t)throw new Error(i);if(a&&t.constructor===ArrayBuffer)t=new Uint8Array(t);else if(!(Array.isArray(t)||a&&ArrayBuffer.isView(t)))throw new Error(i);r=!0}var o=t.length;if(!r){for(var l,f=[],c=(o=t.length,0),u=0;u>6,f[c++]=128|63&l):l<55296||l>=57344?(f[c++]=224|l>>12,f[c++]=128|l>>6&63,f[c++]=128|63&l):(l=65536+((1023&l)<<10|1023&t.charCodeAt(++u)),f[c++]=240|l>>18,f[c++]=128|l>>12&63,f[c++]=128|l>>6&63,f[c++]=128|63&l);t=f}t.length>128&&(t=new h(s,!0).update(t).array());var y=[],p=[];for(u=0;u<128;++u){var d=t[u]||0;y[u]=92^d,p[u]=54^d}h.call(this,s,e),this.update(p),this.oKeyPad=y,this.inner=!0,this.sharedMemory=e}var i="input is invalid type",s="object"==typeof window,e=s?window:{};e.JS_SHA512_NO_WINDOW&&(s=!1);var r=!s&&"object"==typeof self;!e.JS_SHA512_NO_NODE_JS&&"object"==typeof process&&process.versions&&process.versions.node?e=global:r&&(e=self);var n=!e.JS_SHA512_NO_COMMON_JS&&"object"==typeof module&&module.exports,o="function"==typeof define&&define.amd,a=!e.JS_SHA512_NO_ARRAY_BUFFER&&"undefined"!=typeof ArrayBuffer,l="0123456789abcdef".split(""),f=[-2147483648,8388608,32768,128],c=[24,16,8,0],u=[1116352408,3609767458,1899447441,602891725,3049323471,3964484399,3921009573,2173295548,961987163,4081628472,1508970993,3053834265,2453635748,2937671579,2870763221,3664609560,3624381080,2734883394,310598401,1164996542,607225278,1323610764,1426881987,3590304994,1925078388,4068182383,2162078206,991336113,2614888103,633803317,3248222580,3479774868,3835390401,2666613458,4022224774,944711139,264347078,2341262773,604807628,2007800933,770255983,1495990901,1249150122,1856431235,1555081692,3175218132,1996064986,2198950837,2554220882,3999719339,2821834349,766784016,2952996808,2566594879,3210313671,3203337956,3336571891,1034457026,3584528711,2466948901,113926993,3758326383,338241895,168717936,666307205,1188179964,773529912,1546045734,1294757372,1522805485,1396182291,2643833823,1695183700,2343527390,1986661051,1014477480,2177026350,1206759142,2456956037,344077627,2730485921,1290863460,2820302411,3158454273,3259730800,3505952657,3345764771,106217008,3516065817,3606008344,3600352804,1432725776,4094571909,1467031594,275423344,851169720,430227734,3100823752,506948616,1363258195,659060556,3750685593,883997877,3785050280,958139571,3318307427,1322822218,3812723403,1537002063,2003034995,1747873779,3602036899,1955562222,1575990012,2024104815,1125592928,2227730452,2716904306,2361852424,442776044,2428436474,593698344,2756734187,3733110249,3204031479,2999351573,3329325298,3815920427,3391569614,3928383900,3515267271,566280711,3940187606,3454069534,4118630271,4000239992,116418474,1914138554,174292421,2731055270,289380356,3203993006,460393269,320620315,685471733,587496836,852142971,1086792851,1017036298,365543100,1126000580,2618297676,1288033470,3409855158,1501505948,4234509866,1607167915,987167468,1816402316,1246189591],y=["hex","array","digest","arrayBuffer"],p=[];!e.JS_SHA512_NO_NODE_JS&&Array.isArray||(Array.isArray=function(h){return"[object Array]"===Object.prototype.toString.call(h)}),!a||!e.JS_SHA512_NO_ARRAY_BUFFER_IS_VIEW&&ArrayBuffer.isView||(ArrayBuffer.isView=function(h){return"object"==typeof h&&h.buffer&&h.buffer.constructor===ArrayBuffer});var d=function(t,i){return function(s){return new h(i,!0).update(s)[t]()}},b=function(t){var i=d("hex",t);i.create=function(){return new h(t)},i.update=function(h){return i.create().update(h)};for(var s=0;s>2]|=h[n]<>2]|=e<>2]|=(192|e>>6)<>2]|=(128|63&e)<=57344?(l[r>>2]|=(224|e>>12)<>2]|=(128|e>>6&63)<>2]|=(128|63&e)<>2]|=(240|e>>18)<>2]|=(128|e>>12&63)<>2]|=(128|e>>6&63)<>2]|=(128|63&e)<=128?(this.block=l[32],this.start=r-128,this.hash(),this.hashed=!0):this.start=r}return this.bytes>4294967295&&(this.hBytes+=this.bytes/4294967296<<0,this.bytes=this.bytes%4294967296),this},h.prototype.finalize=function(){if(!this.finalized){this.finalized=!0;var h=this.blocks,t=this.lastByteIndex;h[32]=this.block,h[t>>2]|=f[3&t],this.block=h[32],t>=112&&(this.hashed||this.hash(),h[0]=this.block,h[1]=h[2]=h[3]=h[4]=h[5]=h[6]=h[7]=h[8]=h[9]=h[10]=h[11]=h[12]=h[13]=h[14]=h[15]=h[16]=h[17]=h[18]=h[19]=h[20]=h[21]=h[22]=h[23]=h[24]=h[25]=h[26]=h[27]=h[28]=h[29]=h[30]=h[31]=h[32]=0),h[30]=this.hBytes<<3|this.bytes>>>29,h[31]=this.bytes<<3,this.hash()}},h.prototype.hash=function(){var h,t,i,s,e,r,n,o,a,l,f,c,y,p,d,b,w,A,_,v,B,U,S,g,k,z=this.h0h,E=this.h0l,O=this.h1h,m=this.h1l,x=this.h2h,N=this.h2l,j=this.h3h,J=this.h3l,H=this.h4h,I=this.h4l,R=this.h5h,V=this.h5l,C=this.h6h,K=this.h6l,P=this.h7h,D=this.h7l,F=this.blocks;for(h=32;h<160;h+=2)t=((v=F[h-30])>>>1|(B=F[h-29])<<31)^(v>>>8|B<<24)^v>>>7,i=(B>>>1|v<<31)^(B>>>8|v<<24)^(B>>>7|v<<25),s=((v=F[h-4])>>>19|(B=F[h-3])<<13)^(B>>>29|v<<3)^v>>>6,e=(B>>>19|v<<13)^(v>>>29|B<<3)^(B>>>6|v<<26),v=F[h-32],B=F[h-31],a=((U=F[h-14])>>>16)+(v>>>16)+(t>>>16)+(s>>>16)+((o=(65535&U)+(65535&v)+(65535&t)+(65535&s)+((n=((S=F[h-13])>>>16)+(B>>>16)+(i>>>16)+(e>>>16)+((r=(65535&S)+(65535&B)+(65535&i)+(65535&e))>>>16))>>>16))>>>16),F[h]=a<<16|65535&o,F[h+1]=n<<16|65535&r;var M=z,T=E,W=O,Y=m,q=x,G=N,L=j,Q=J,X=H,Z=I,$=R,hh=V,th=C,ih=K,sh=P,eh=D;for(b=W&q,w=Y&G,h=0;h<160;h+=8)t=(M>>>28|T<<4)^(T>>>2|M<<30)^(T>>>7|M<<25),i=(T>>>28|M<<4)^(M>>>2|T<<30)^(M>>>7|T<<25),s=(X>>>14|Z<<18)^(X>>>18|Z<<14)^(Z>>>9|X<<23),e=(Z>>>14|X<<18)^(Z>>>18|X<<14)^(X>>>9|Z<<23),A=(l=M&W)^M&q^b,_=(f=T&Y)^T&G^w,g=X&$^~X&th,k=Z&hh^~Z&ih,v=F[h],B=F[h+1],v=(a=((U=u[h])>>>16)+(v>>>16)+(g>>>16)+(s>>>16)+(sh>>>16)+((o=(65535&U)+(65535&v)+(65535&g)+(65535&s)+(65535&sh)+((n=((S=u[h+1])>>>16)+(B>>>16)+(k>>>16)+(e>>>16)+(eh>>>16)+((r=(65535&S)+(65535&B)+(65535&k)+(65535&e)+(65535&eh))>>>16))>>>16))>>>16))<<16|65535&o,B=n<<16|65535&r,U=(a=(A>>>16)+(t>>>16)+((o=(65535&A)+(65535&t)+((n=(_>>>16)+(i>>>16)+((r=(65535&_)+(65535&i))>>>16))>>>16))>>>16))<<16|65535&o,S=n<<16|65535&r,sh=(a=(L>>>16)+(v>>>16)+((o=(65535&L)+(65535&v)+((n=(Q>>>16)+(B>>>16)+((r=(65535&Q)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o,eh=n<<16|65535&r,t=((L=(a=(U>>>16)+(v>>>16)+((o=(65535&U)+(65535&v)+((n=(S>>>16)+(B>>>16)+((r=(65535&S)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o)>>>28|(Q=n<<16|65535&r)<<4)^(Q>>>2|L<<30)^(Q>>>7|L<<25),i=(Q>>>28|L<<4)^(L>>>2|Q<<30)^(L>>>7|Q<<25),s=(sh>>>14|eh<<18)^(sh>>>18|eh<<14)^(eh>>>9|sh<<23),e=(eh>>>14|sh<<18)^(eh>>>18|sh<<14)^(sh>>>9|eh<<23),A=(c=L&M)^L&W^l,_=(y=Q&T)^Q&Y^f,g=sh&X^~sh&$,k=eh&Z^~eh&hh,v=F[h+2],B=F[h+3],v=(a=((U=u[h+2])>>>16)+(v>>>16)+(g>>>16)+(s>>>16)+(th>>>16)+((o=(65535&U)+(65535&v)+(65535&g)+(65535&s)+(65535&th)+((n=((S=u[h+3])>>>16)+(B>>>16)+(k>>>16)+(e>>>16)+(ih>>>16)+((r=(65535&S)+(65535&B)+(65535&k)+(65535&e)+(65535&ih))>>>16))>>>16))>>>16))<<16|65535&o,B=n<<16|65535&r,U=(a=(A>>>16)+(t>>>16)+((o=(65535&A)+(65535&t)+((n=(_>>>16)+(i>>>16)+((r=(65535&_)+(65535&i))>>>16))>>>16))>>>16))<<16|65535&o,S=n<<16|65535&r,th=(a=(q>>>16)+(v>>>16)+((o=(65535&q)+(65535&v)+((n=(G>>>16)+(B>>>16)+((r=(65535&G)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o,ih=n<<16|65535&r,t=((q=(a=(U>>>16)+(v>>>16)+((o=(65535&U)+(65535&v)+((n=(S>>>16)+(B>>>16)+((r=(65535&S)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o)>>>28|(G=n<<16|65535&r)<<4)^(G>>>2|q<<30)^(G>>>7|q<<25),i=(G>>>28|q<<4)^(q>>>2|G<<30)^(q>>>7|G<<25),s=(th>>>14|ih<<18)^(th>>>18|ih<<14)^(ih>>>9|th<<23),e=(ih>>>14|th<<18)^(ih>>>18|th<<14)^(th>>>9|ih<<23),A=(p=q&L)^q&M^c,_=(d=G&Q)^G&T^y,g=th&sh^~th&X,k=ih&eh^~ih&Z,v=F[h+4],B=F[h+5],v=(a=((U=u[h+4])>>>16)+(v>>>16)+(g>>>16)+(s>>>16)+($>>>16)+((o=(65535&U)+(65535&v)+(65535&g)+(65535&s)+(65535&$)+((n=((S=u[h+5])>>>16)+(B>>>16)+(k>>>16)+(e>>>16)+(hh>>>16)+((r=(65535&S)+(65535&B)+(65535&k)+(65535&e)+(65535&hh))>>>16))>>>16))>>>16))<<16|65535&o,B=n<<16|65535&r,U=(a=(A>>>16)+(t>>>16)+((o=(65535&A)+(65535&t)+((n=(_>>>16)+(i>>>16)+((r=(65535&_)+(65535&i))>>>16))>>>16))>>>16))<<16|65535&o,S=n<<16|65535&r,$=(a=(W>>>16)+(v>>>16)+((o=(65535&W)+(65535&v)+((n=(Y>>>16)+(B>>>16)+((r=(65535&Y)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o,hh=n<<16|65535&r,t=((W=(a=(U>>>16)+(v>>>16)+((o=(65535&U)+(65535&v)+((n=(S>>>16)+(B>>>16)+((r=(65535&S)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o)>>>28|(Y=n<<16|65535&r)<<4)^(Y>>>2|W<<30)^(Y>>>7|W<<25),i=(Y>>>28|W<<4)^(W>>>2|Y<<30)^(W>>>7|Y<<25),s=($>>>14|hh<<18)^($>>>18|hh<<14)^(hh>>>9|$<<23),e=(hh>>>14|$<<18)^(hh>>>18|$<<14)^($>>>9|hh<<23),A=(b=W&q)^W&L^p,_=(w=Y&G)^Y&Q^d,g=$&th^~$&sh,k=hh&ih^~hh&eh,v=F[h+6],B=F[h+7],v=(a=((U=u[h+6])>>>16)+(v>>>16)+(g>>>16)+(s>>>16)+(X>>>16)+((o=(65535&U)+(65535&v)+(65535&g)+(65535&s)+(65535&X)+((n=((S=u[h+7])>>>16)+(B>>>16)+(k>>>16)+(e>>>16)+(Z>>>16)+((r=(65535&S)+(65535&B)+(65535&k)+(65535&e)+(65535&Z))>>>16))>>>16))>>>16))<<16|65535&o,B=n<<16|65535&r,U=(a=(A>>>16)+(t>>>16)+((o=(65535&A)+(65535&t)+((n=(_>>>16)+(i>>>16)+((r=(65535&_)+(65535&i))>>>16))>>>16))>>>16))<<16|65535&o,S=n<<16|65535&r,X=(a=(M>>>16)+(v>>>16)+((o=(65535&M)+(65535&v)+((n=(T>>>16)+(B>>>16)+((r=(65535&T)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o,Z=n<<16|65535&r,M=(a=(U>>>16)+(v>>>16)+((o=(65535&U)+(65535&v)+((n=(S>>>16)+(B>>>16)+((r=(65535&S)+(65535&B))>>>16))>>>16))>>>16))<<16|65535&o,T=n<<16|65535&r;a=(z>>>16)+(M>>>16)+((o=(65535&z)+(65535&M)+((n=(E>>>16)+(T>>>16)+((r=(65535&E)+(65535&T))>>>16))>>>16))>>>16),this.h0h=a<<16|65535&o,this.h0l=n<<16|65535&r,a=(O>>>16)+(W>>>16)+((o=(65535&O)+(65535&W)+((n=(m>>>16)+(Y>>>16)+((r=(65535&m)+(65535&Y))>>>16))>>>16))>>>16),this.h1h=a<<16|65535&o,this.h1l=n<<16|65535&r,a=(x>>>16)+(q>>>16)+((o=(65535&x)+(65535&q)+((n=(N>>>16)+(G>>>16)+((r=(65535&N)+(65535&G))>>>16))>>>16))>>>16),this.h2h=a<<16|65535&o,this.h2l=n<<16|65535&r,a=(j>>>16)+(L>>>16)+((o=(65535&j)+(65535&L)+((n=(J>>>16)+(Q>>>16)+((r=(65535&J)+(65535&Q))>>>16))>>>16))>>>16),this.h3h=a<<16|65535&o,this.h3l=n<<16|65535&r,a=(H>>>16)+(X>>>16)+((o=(65535&H)+(65535&X)+((n=(I>>>16)+(Z>>>16)+((r=(65535&I)+(65535&Z))>>>16))>>>16))>>>16),this.h4h=a<<16|65535&o,this.h4l=n<<16|65535&r,a=(R>>>16)+($>>>16)+((o=(65535&R)+(65535&$)+((n=(V>>>16)+(hh>>>16)+((r=(65535&V)+(65535&hh))>>>16))>>>16))>>>16),this.h5h=a<<16|65535&o,this.h5l=n<<16|65535&r,a=(C>>>16)+(th>>>16)+((o=(65535&C)+(65535&th)+((n=(K>>>16)+(ih>>>16)+((r=(65535&K)+(65535&ih))>>>16))>>>16))>>>16),this.h6h=a<<16|65535&o,this.h6l=n<<16|65535&r,a=(P>>>16)+(sh>>>16)+((o=(65535&P)+(65535&sh)+((n=(D>>>16)+(eh>>>16)+((r=(65535&D)+(65535&eh))>>>16))>>>16))>>>16),this.h7h=a<<16|65535&o,this.h7l=n<<16|65535&r},h.prototype.hex=function(){this.finalize();var h=this.h0h,t=this.h0l,i=this.h1h,s=this.h1l,e=this.h2h,r=this.h2l,n=this.h3h,o=this.h3l,a=this.h4h,f=this.h4l,c=this.h5h,u=this.h5l,y=this.h6h,p=this.h6l,d=this.h7h,b=this.h7l,w=this.bits,A=l[h>>28&15]+l[h>>24&15]+l[h>>20&15]+l[h>>16&15]+l[h>>12&15]+l[h>>8&15]+l[h>>4&15]+l[15&h]+l[t>>28&15]+l[t>>24&15]+l[t>>20&15]+l[t>>16&15]+l[t>>12&15]+l[t>>8&15]+l[t>>4&15]+l[15&t]+l[i>>28&15]+l[i>>24&15]+l[i>>20&15]+l[i>>16&15]+l[i>>12&15]+l[i>>8&15]+l[i>>4&15]+l[15&i]+l[s>>28&15]+l[s>>24&15]+l[s>>20&15]+l[s>>16&15]+l[s>>12&15]+l[s>>8&15]+l[s>>4&15]+l[15&s]+l[e>>28&15]+l[e>>24&15]+l[e>>20&15]+l[e>>16&15]+l[e>>12&15]+l[e>>8&15]+l[e>>4&15]+l[15&e]+l[r>>28&15]+l[r>>24&15]+l[r>>20&15]+l[r>>16&15]+l[r>>12&15]+l[r>>8&15]+l[r>>4&15]+l[15&r]+l[n>>28&15]+l[n>>24&15]+l[n>>20&15]+l[n>>16&15]+l[n>>12&15]+l[n>>8&15]+l[n>>4&15]+l[15&n];return w>=256&&(A+=l[o>>28&15]+l[o>>24&15]+l[o>>20&15]+l[o>>16&15]+l[o>>12&15]+l[o>>8&15]+l[o>>4&15]+l[15&o]),w>=384&&(A+=l[a>>28&15]+l[a>>24&15]+l[a>>20&15]+l[a>>16&15]+l[a>>12&15]+l[a>>8&15]+l[a>>4&15]+l[15&a]+l[f>>28&15]+l[f>>24&15]+l[f>>20&15]+l[f>>16&15]+l[f>>12&15]+l[f>>8&15]+l[f>>4&15]+l[15&f]+l[c>>28&15]+l[c>>24&15]+l[c>>20&15]+l[c>>16&15]+l[c>>12&15]+l[c>>8&15]+l[c>>4&15]+l[15&c]+l[u>>28&15]+l[u>>24&15]+l[u>>20&15]+l[u>>16&15]+l[u>>12&15]+l[u>>8&15]+l[u>>4&15]+l[15&u]),512==w&&(A+=l[y>>28&15]+l[y>>24&15]+l[y>>20&15]+l[y>>16&15]+l[y>>12&15]+l[y>>8&15]+l[y>>4&15]+l[15&y]+l[p>>28&15]+l[p>>24&15]+l[p>>20&15]+l[p>>16&15]+l[p>>12&15]+l[p>>8&15]+l[p>>4&15]+l[15&p]+l[d>>28&15]+l[d>>24&15]+l[d>>20&15]+l[d>>16&15]+l[d>>12&15]+l[d>>8&15]+l[d>>4&15]+l[15&d]+l[b>>28&15]+l[b>>24&15]+l[b>>20&15]+l[b>>16&15]+l[b>>12&15]+l[b>>8&15]+l[b>>4&15]+l[15&b]),A},h.prototype.toString=h.prototype.hex,h.prototype.digest=function(){this.finalize();var h=this.h0h,t=this.h0l,i=this.h1h,s=this.h1l,e=this.h2h,r=this.h2l,n=this.h3h,o=this.h3l,a=this.h4h,l=this.h4l,f=this.h5h,c=this.h5l,u=this.h6h,y=this.h6l,p=this.h7h,d=this.h7l,b=this.bits,w=[h>>24&255,h>>16&255,h>>8&255,255&h,t>>24&255,t>>16&255,t>>8&255,255&t,i>>24&255,i>>16&255,i>>8&255,255&i,s>>24&255,s>>16&255,s>>8&255,255&s,e>>24&255,e>>16&255,e>>8&255,255&e,r>>24&255,r>>16&255,r>>8&255,255&r,n>>24&255,n>>16&255,n>>8&255,255&n];return b>=256&&w.push(o>>24&255,o>>16&255,o>>8&255,255&o),b>=384&&w.push(a>>24&255,a>>16&255,a>>8&255,255&a,l>>24&255,l>>16&255,l>>8&255,255&l,f>>24&255,f>>16&255,f>>8&255,255&f,c>>24&255,c>>16&255,c>>8&255,255&c),512==b&&w.push(u>>24&255,u>>16&255,u>>8&255,255&u,y>>24&255,y>>16&255,y>>8&255,255&y,p>>24&255,p>>16&255,p>>8&255,255&p,d>>24&255,d>>16&255,d>>8&255,255&d),w},h.prototype.array=h.prototype.digest,h.prototype.arrayBuffer=function(){this.finalize();var h=this.bits,t=new ArrayBuffer(h/8),i=new DataView(t);return i.setUint32(0,this.h0h),i.setUint32(4,this.h0l),i.setUint32(8,this.h1h),i.setUint32(12,this.h1l),i.setUint32(16,this.h2h),i.setUint32(20,this.h2l),i.setUint32(24,this.h3h),h>=256&&i.setUint32(28,this.h3l),h>=384&&(i.setUint32(32,this.h4h),i.setUint32(36,this.h4l),i.setUint32(40,this.h5h),i.setUint32(44,this.h5l)),512==h&&(i.setUint32(48,this.h6h),i.setUint32(52,this.h6l),i.setUint32(56,this.h7h),i.setUint32(60,this.h7l)),t},h.prototype.clone=function(){var t=new h(this.bits,!1);return this.copyTo(t),t},h.prototype.copyTo=function(h){var t=0,i=["h0h","h0l","h1h","h1l","h2h","h2l","h3h","h3l","h4h","h4l","h5h","h5l","h6h","h6l","h7h","h7l","start","bytes","hBytes","finalized","hashed","lastByteIndex"];for(t=0;t 1) { + percent = 1; + } else if (percent < 0) { + percent = 0; + } + + var newValue = percent * (max - min) + min; + + if ( + slider.canChange && + newValue >= min && + newValue <= max + ) { + slider.invokeMethodAsync( + 'RadzenSlider.OnValueChange', + newValue, + !!slider.isMin + ); + } + }; + + Radzen[id].mouseDownHandler = function (e) { + if (parent.classList.contains('rz-state-disabled')) return; + if (minHandle == e.target || maxHandle == e.target) { + slider.canChange = true; + slider.isMin = minHandle == e.target; + } else { + var offsetX = + e.targetTouches && e.targetTouches[0] + ? e.targetTouches[0].pageX - e.target.getBoundingClientRect().left + : e.offsetX; + var percent = offsetX / parent.offsetWidth; + var newValue = percent * max; + var oldValue = range ? value[slider.isMin ? 0 : 1] : value; + if (newValue >= min && newValue <= max && newValue != oldValue) { + slider.invokeMethodAsync( + 'RadzenSlider.OnValueChange', + newValue, + !!slider.isMin + ); + } + } + }; + + Radzen[id].mouseUpHandler = function (e) { + slider.canChange = false; + }; + + document.addEventListener('mousemove', Radzen[id].mouseMoveHandler); + document.addEventListener('touchmove', Radzen[id].mouseMoveHandler, { + passive: false, capture: true + }); + + document.addEventListener('mouseup', Radzen[id].mouseUpHandler); + document.addEventListener('touchend', Radzen[id].mouseUpHandler, { + passive: true + }); + + parent.addEventListener('mousedown', Radzen[id].mouseDownHandler); + parent.addEventListener('touchstart', Radzen[id].mouseDownHandler, { + passive: true + }); + }, + destroySlider: function (id, parent) { + if (!Radzen[id]) return; + + if (Radzen[id].mouseMoveHandler) { + document.removeEventListener('mousemove', Radzen[id].mouseMoveHandler); + document.removeEventListener('touchmove', Radzen[id].mouseMoveHandler); + delete Radzen[id].mouseMoveHandler; + } + if (Radzen[id].mouseUpHandler) { + document.removeEventListener('mouseup', Radzen[id].mouseUpHandler); + document.removeEventListener('touchend', Radzen[id].mouseUpHandler); + delete Radzen[id].mouseUpHandler; + } + if (Radzen[id].mouseDownHandler) { + parent.removeEventListener('mousedown', Radzen[id].mouseDownHandler); + parent.removeEventListener('touchstart', Radzen[id].mouseDownHandler); + delete Radzen[id].mouseDownHandler; + } + + Radzen[id] = null; + }, + focusElement: function (elementId) { + var el = document.getElementById(elementId); + if (el) { + el.focus(); + } + }, + scrollIntoViewIfNeeded: function (ref, selector) { + var el = selector ? ref.getElementsByClassName(selector)[0] : ref; + if (el && el.scrollIntoViewIfNeeded) { + el.scrollIntoViewIfNeeded(); + } else if (el && el.scrollIntoView) { + el.scrollIntoView(); + } + }, + selectListItem: function (input, ul, index) { + if (!input || !ul) return; + + var childNodes = ul.getElementsByTagName('LI'); + + var highlighted = ul.querySelectorAll('.rz-state-highlight'); + if (highlighted.length) { + for (var i = 0; i < highlighted.length; i++) { + highlighted[i].classList.remove('rz-state-highlight'); + } + } + + ul.nextSelectedIndex = index; + + if ( + ul.nextSelectedIndex >= 0 && + ul.nextSelectedIndex <= childNodes.length - 1 + ) { + childNodes[ul.nextSelectedIndex].classList.add('rz-state-highlight'); + childNodes[ul.nextSelectedIndex].scrollIntoView({block:'nearest'}); + } + }, + focusListItem: function (input, ul, isDown, startIndex) { + if (!input || !ul) return; + var childNodes = ul.getElementsByTagName('LI'); + + if (!childNodes || childNodes.length == 0) return; + + if (startIndex == undefined || startIndex == null) { + startIndex = -1; + } + + ul.nextSelectedIndex = startIndex; + if (isDown) { + while (ul.nextSelectedIndex < childNodes.length - 1) { + ul.nextSelectedIndex++; + if (!childNodes[ul.nextSelectedIndex].classList.contains('rz-state-disabled')) + break; + } + } else { + while (ul.nextSelectedIndex > 0) { + ul.nextSelectedIndex--; + if (!childNodes[ul.nextSelectedIndex].classList.contains('rz-state-disabled')) + break; + } + } + + var highlighted = ul.querySelectorAll('.rz-state-highlight'); + if (highlighted.length) { + for (var i = 0; i < highlighted.length; i++) { + highlighted[i].classList.remove('rz-state-highlight'); + } + } + + if ( + ul.nextSelectedIndex >= 0 && + ul.nextSelectedIndex <= childNodes.length - 1 + ) { + childNodes[ul.nextSelectedIndex].classList.add('rz-state-highlight'); + Radzen.scrollIntoViewIfNeeded(childNodes[ul.nextSelectedIndex]); + } + + return ul.nextSelectedIndex; + }, + clearFocusedHeaderCell: function (gridId) { + var grid = document.getElementById(gridId); + if (!grid) return; + + var table = grid.querySelector('.rz-grid-table'); + var thead = table.getElementsByTagName("thead")[0]; + var highlightedCells = thead.querySelectorAll('.rz-state-focused'); + if (highlightedCells.length) { + for (var i = 0; i < highlightedCells.length; i++) { + highlightedCells[i].classList.remove('rz-state-focused'); + } + } + }, + focusTableRow: function (gridId, key, rowIndex, cellIndex, isVirtual) { + var grid = document.getElementById(gridId); + if (!grid) return; + + var table = grid.querySelector('.rz-grid-table'); + var tbody = table.tBodies[0]; + var thead = table.tHead; + + var rows = (cellIndex != null && thead && thead.rows && thead.rows.length ? [...thead.rows] : []).concat(tbody && tbody.rows && tbody.rows.length ? [...tbody.rows] : []); + + if (isVirtual && (key == 'ArrowUp' || key == 'ArrowDown' || key == 'PageUp' || key == 'PageDown' || key == 'Home' || key == 'End')) { + if (rowIndex == 0 && (key == 'End' || key == 'PageDown')) { + var highlightedCells = thead.querySelectorAll('.rz-state-focused'); + if (highlightedCells.length) { + for (var i = 0; i < highlightedCells.length; i++) { + highlightedCells[i].classList.remove('rz-state-focused'); + } + } + } + if (key == 'ArrowUp' || key == 'ArrowDown' || key == 'PageUp' || key == 'PageDown') { + var rowHeight = rows[rows.length - 1] ? rows[rows.length - 1].offsetHeight : 40; + var factor = key == 'PageUp' || key == 'PageDown' ? 10 : 1; + table.parentNode.scrollTop = table.parentNode.scrollTop + (factor * (key == 'ArrowDown' || key == 'PageDown' ? rowHeight : -rowHeight)); + } + else { + table.parentNode.scrollTop = key == 'Home' ? 0 : table.parentNode.scrollHeight; + } + } + + table.nextSelectedIndex = rowIndex || 0; + table.nextSelectedCellIndex = cellIndex || 0; + + if (key == 'ArrowDown') { + while (table.nextSelectedIndex < rows.length - 1) { + table.nextSelectedIndex++; + if (!rows[table.nextSelectedIndex].classList.contains('rz-state-disabled')) + break; + } + } else if (key == 'ArrowUp') { + while (table.nextSelectedIndex > 0) { + table.nextSelectedIndex--; + if (!rows[table.nextSelectedIndex].classList.contains('rz-state-disabled')) + break; + } + } else if (key == 'ArrowRight') { + while (table.nextSelectedCellIndex < rows[table.nextSelectedIndex].cells.length - 1) { + table.nextSelectedCellIndex++; + if (!rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex].classList.contains('rz-state-disabled')) + break; + } + } else if (key == 'ArrowLeft') { + while (table.nextSelectedCellIndex > 0) { + table.nextSelectedCellIndex--; + if (!rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex].classList.contains('rz-state-disabled')) + break; + } + } else if (isVirtual && (key == 'PageDown' || key == 'End')) { + table.nextSelectedIndex = rows.length - 1; + } else if (isVirtual && (key == 'PageUp' || key == 'Home')) { + table.nextSelectedIndex = 1; + } + + if (key == 'ArrowLeft' || key == 'ArrowRight' || (key == 'ArrowUp' && table.nextSelectedIndex == 0 && table.parentNode.scrollTop == 0)) { + var highlightedCells = rows[table.nextSelectedIndex].querySelectorAll('.rz-state-focused'); + if (highlightedCells.length) { + for (var i = 0; i < highlightedCells.length; i++) { + highlightedCells[i].classList.remove('rz-state-focused'); + } + } + + if ( + table.nextSelectedCellIndex >= 0 && + table.nextSelectedCellIndex <= rows[table.nextSelectedIndex].cells.length - 1 + ) { + var cell = rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex]; + + if (!cell.classList.contains('rz-state-focused')) { + cell.classList.add('rz-state-focused'); + if (!isVirtual && table.parentElement.scrollWidth > table.parentElement.clientWidth) { + Radzen.scrollIntoViewIfNeeded(cell); + } + } + } + } else if (key == 'ArrowDown' || key == 'ArrowUp') { + var highlighted = table.querySelectorAll('.rz-state-focused'); + if (highlighted.length) { + for (var i = 0; i < highlighted.length; i++) { + highlighted[i].classList.remove('rz-state-focused'); + } + } + + if (table.nextSelectedIndex >= 0 && + table.nextSelectedIndex <= rows.length - 1 + ) { + var row = rows[table.nextSelectedIndex]; + + if (!row.classList.contains('rz-state-focused')) { + row.classList.add('rz-state-focused'); + if (!isVirtual && table.parentElement.scrollHeight > table.parentElement.clientHeight) { + Radzen.scrollIntoViewIfNeeded(row); + } + } + } + } + + return [table.nextSelectedIndex, table.nextSelectedCellIndex]; + }, + uploadInputChange: function (e, url, auto, multiple, clear, parameterName) { + if (auto) { + Radzen.upload(e.target, url, multiple, clear, parameterName); + e.target.value = ''; + } else { + Radzen.uploadChange(e.target); + } + }, + uploads: function (uploadComponent, id) { + if (!Radzen.uploadComponents) { + Radzen.uploadComponents = {}; + } + Radzen.uploadComponents[id] = uploadComponent; + }, + uploadChange: function (fileInput) { + var files = []; + for (var i = 0; i < fileInput.files.length; i++) { + var file = fileInput.files[i]; + files.push({ + Name: file.name, + Size: file.size, + Url: URL.createObjectURL(file) + }); + } + + var uploadComponent = + Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id]; + if (uploadComponent) { + if (uploadComponent.localFiles) { + // Clear any previously created preview URL(s) + for (var i = 0; i < uploadComponent.localFiles.length; i++) { + var file = uploadComponent.localFiles[i]; + if (file.Url) { + URL.revokeObjectURL(file.Url); + } + } + } + + uploadComponent.files = Array.from(fileInput.files); + uploadComponent.localFiles = files; + uploadComponent.invokeMethodAsync('RadzenUpload.OnChange', files); + } + + for (var i = 0; i < fileInput.files.length; i++) { + var file = fileInput.files[i]; + if (file.Url) { + URL.revokeObjectURL(file.Url); + } + } + }, + removeFileFromUpload: function (fileInput, name) { + var uploadComponent = Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id]; + if (!uploadComponent) return; + var file = uploadComponent.files.find(function (f) { return f.name == name; }) + if (!file) { return; } + var localFile = uploadComponent.localFiles.find(function (f) { return f.Name == name; }); + if (localFile) { + URL.revokeObjectURL(localFile.Url); + } + var index = uploadComponent.files.indexOf(file) + if (index != -1) { + uploadComponent.files.splice(index, 1); + } + fileInput.value = ''; + }, + removeFileFromFileInput: function (fileInput) { + fileInput.value = ''; + }, + upload: function (fileInput, url, multiple, clear, parameterName) { + var uploadComponent = Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id]; + if (!uploadComponent) { return; } + if (!uploadComponent.files || clear) { + uploadComponent.files = Array.from(fileInput.files); + } + var data = new FormData(); + var files = []; + var cancelled = false; + for (var i = 0; i < uploadComponent.files.length; i++) { + var file = uploadComponent.files[i]; + data.append(parameterName || (multiple ? 'files' : 'file'), file, file.name); + files.push({Name: file.name, Size: file.size}); + } + var xhr = new XMLHttpRequest(); + xhr.withCredentials = true; + xhr.upload.onprogress = function (e) { + if (e.lengthComputable) { + var uploadComponent = + Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id]; + if (uploadComponent) { + var progress = parseInt((e.loaded / e.total) * 100); + uploadComponent.invokeMethodAsync( + 'RadzenUpload.OnProgress', + progress, + e.loaded, + e.total, + files, + cancelled + ).then(function (cancel) { + if (cancel) { + cancelled = true; + xhr.abort(); + } + }); + } + } + }; + xhr.onreadystatechange = function (e) { + if (xhr.readyState === XMLHttpRequest.DONE) { + var status = xhr.status; + var uploadComponent = + Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id]; + if (uploadComponent) { + if (status === 0 || (status >= 200 && status < 400)) { + uploadComponent.invokeMethodAsync( + 'RadzenUpload.OnComplete', + xhr.responseText, + cancelled + ); + } else { + uploadComponent.invokeMethodAsync( + 'RadzenUpload.OnError', + xhr.responseText + ); + } + } + } + }; + uploadComponent.invokeMethodAsync('GetHeaders').then(function (headers) { + xhr.open('POST', url, true); + for (var name in headers) { + xhr.setRequestHeader(name, headers[name]); + } + xhr.send(data); + }); + }, + getCookie: function (name) { + var value = '; ' + decodeURIComponent(document.cookie); + var parts = value.split('; ' + name + '='); + if (parts.length == 2) return parts.pop().split(';').shift(); + }, + getCulture: function () { + var cultureCookie = Radzen.getCookie('.AspNetCore.Culture'); + var uiCulture = cultureCookie + ? cultureCookie.split('|').pop().split('=').pop() + : null; + return uiCulture || 'en-US'; + }, + numericOnPaste: function (e, min, max) { + if (e.clipboardData) { + var value = e.clipboardData.getData('text'); + + if (value && !isNaN(+value)) { + var numericValue = +value; + if (min != null && numericValue >= min) { + return; + } + if (max != null && numericValue <= max) { + return; + } + } + + e.preventDefault(); + } + }, + numericOnInput: function (e, min, max, isNullable) { + var value = e.target.value; + + if (!isNullable && value == '' && min != null) { + e.target.value = min; + } + + if (value && !isNaN(+value)) { + var numericValue = +value; + if (min != null && !isNaN(+min) && numericValue < min) { + e.target.value = min; + } + if (max != null && !isNaN(+max) && numericValue > max) { + e.target.value = max; + } + } + }, + numericKeyPress: function (e, isInteger, decimalSeparator) { + if ( + e.metaKey || + e.ctrlKey || + e.keyCode == 9 || + e.keyCode == 8 || + e.keyCode == 13 + ) { + return; + } + + if (e.code === 'NumpadDecimal') { + e.target.value += decimalSeparator; + e.preventDefault(); + return; + } + + var ch = String.fromCharCode(e.charCode); + + if ((isInteger ? /^[-\d]$/ : /^[-\d,.]$/).test(ch)) { + return; + } + + e.preventDefault(); + }, + openContextMenu: function (x,y,id, instance, callback) { + Radzen.closePopup(id); + + Radzen.openPopup(null, id, false, null, x, y, instance, callback); + + setTimeout(function () { + var popup = document.getElementById(id); + if (popup) { + var menu = popup.querySelector('.rz-menu'); + if (menu) { + menu.focus(); + } + } + }, 500); + }, + openTooltip: function (target, id, delay, duration, position, closeTooltipOnDocumentClick, instance, callback) { + Radzen.closeTooltip(id); + + if (delay) { + Radzen[id + 'delay'] = setTimeout(Radzen.openPopup, delay, target, id, false, position, null, null, instance, callback, closeTooltipOnDocumentClick); + } else { + Radzen.openPopup(target, id, false, position, null, null, instance, callback, closeTooltipOnDocumentClick); + } + + if (duration) { + Radzen[id + 'duration'] = setTimeout(Radzen.closePopup, duration, id, instance, callback); + } + }, + closeTooltip(id) { + Radzen.closePopup(id); + + if (Radzen[id + 'delay']) { + clearTimeout(Radzen[id + 'delay']); + } + + if (Radzen[id + 'duration']) { + clearTimeout(Radzen[id + 'duration']); + } + }, + findPopup: function (id) { + var popups = []; + for (var i = 0; i < document.body.children.length; i++) { + if (document.body.children[i].id == id) { + popups.push(document.body.children[i]); + } + } + return popups; + }, + repositionPopup: function (parent, id) { + var popup = document.getElementById(id); + if (!popup) return; + + var rect = popup.getBoundingClientRect(); + var parentRect = parent ? parent.getBoundingClientRect() : { top: 0, bottom: 0, left: 0, right: 0, width: 0, height: 0 }; + + if (/Edge/.test(navigator.userAgent)) { + var scrollTop = document.body.scrollTop; + } else { + var scrollTop = document.documentElement.scrollTop; + } + + var top = parentRect.bottom + scrollTop; + + if (top + rect.height > window.innerHeight && parentRect.top > rect.height) { + top = parentRect.top - rect.height + scrollTop; + } + + popup.style.top = top + 'px'; + }, + openPopup: function (parent, id, syncWidth, position, x, y, instance, callback, closeOnDocumentClick = true, autoFocusFirstElement = false) { + var popup = document.getElementById(id); + if (!popup) return; + + Radzen.activeElement = document.activeElement; + + var parentRect = parent ? parent.getBoundingClientRect() : { top: y || 0, bottom: 0, left: x || 0, right: 0, width: 0, height: 0 }; + + if (/Edge/.test(navigator.userAgent)) { + var scrollLeft = document.body.scrollLeft; + var scrollTop = document.body.scrollTop; + } else { + var scrollLeft = document.documentElement.scrollLeft; + var scrollTop = document.documentElement.scrollTop; + } + + var top = y ? y : parentRect.bottom; + var left = x ? x : parentRect.left; + + if (syncWidth) { + popup.style.width = parentRect.width + 'px'; + if (!popup.style.minWidth) { + popup.minWidth = true; + popup.style.minWidth = parentRect.width + 'px'; + } + } + + if (window.chrome) { + var closestFrozenCell = popup.closest('.rz-frozen-cell'); + if (closestFrozenCell) { + Radzen[id + 'FZL'] = { cell: closestFrozenCell, left: closestFrozenCell.style.left }; + closestFrozenCell.style.left = ''; + } + } + + popup.style.display = 'block'; + + var rect = popup.getBoundingClientRect(); + + var smartPosition = !position || position == 'bottom'; + + if (smartPosition && top + rect.height > window.innerHeight && parentRect.top > rect.height) { + top = parentRect.top - rect.height; + + if (position) { + top = top - 40; + var tooltipContent = popup.children[0]; + var tooltipContentClassName = 'rz-' + position + '-tooltip-content'; + if (tooltipContent.classList.contains(tooltipContentClassName)) { + tooltipContent.classList.remove(tooltipContentClassName); + tooltipContent.classList.add('rz-top-tooltip-content'); + } + } + } + + if (smartPosition && left + rect.width > window.innerWidth && window.innerWidth > rect.width) { + left = window.innerWidth - rect.width; + + if (position) { + var tooltipContent = popup.children[0]; + var tooltipContentClassName = 'rz-' + position + '-tooltip-content'; + if (tooltipContent.classList.contains(tooltipContentClassName)) { + tooltipContent.classList.remove(tooltipContentClassName); + tooltipContent.classList.add('rz-left-tooltip-content'); + left = parentRect.left - rect.width - 5; + top = parentRect.top - parentRect.height; + } + } + } + + if (smartPosition) { + if (position) { + top = top + 20; + } + } + + if (position == 'left') { + left = parentRect.left - rect.width - 5; + top = parentRect.top; + } + + if (position == 'right') { + left = parentRect.right + 10; + top = parentRect.top; + } + + if (position == 'top') { + top = parentRect.top - rect.height + 5; + left = parentRect.left; + } + + popup.style.zIndex = 2000; + popup.style.left = left + scrollLeft + 'px'; + popup.style.top = top + scrollTop + 'px'; + + if (!popup.classList.contains('rz-overlaypanel')) { + popup.classList.add('rz-popup'); + } + + Radzen[id] = function (e) { + var lastPopup = Radzen.popups && Radzen.popups[Radzen.popups.length - 1]; + var currentPopup = lastPopup != null && document.getElementById(lastPopup.id) || popup; + + if (lastPopup) { + currentPopup.instance = lastPopup.instance; + currentPopup.callback = lastPopup.callback; + } + + if(e.type == 'contextmenu' || !e.target || !closeOnDocumentClick) return; + if (!/Android/i.test(navigator.userAgent) && + !['input', 'textarea'].includes(document.activeElement ? document.activeElement.tagName.toLowerCase() : '') && e.type == 'resize') { + Radzen.closePopup(currentPopup.id, currentPopup.instance, currentPopup.callback, e); + return; + } + + var closestLink = e.target.closest && (e.target.closest('.rz-link') || e.target.closest('.rz-navigation-item-link')); + if (closestLink && closestLink.closest && closestLink.closest('a')) { + if (Radzen.closeAllPopups) { + Radzen.closeAllPopups(); + } + } + if (parent) { + if (e.type == 'mousedown' && !parent.contains(e.target) && !currentPopup.contains(e.target)) { + Radzen.closePopup(currentPopup.id, currentPopup.instance, currentPopup.callback, e); + } + } else { + if (!currentPopup.contains(e.target)) { + Radzen.closePopup(currentPopup.id, currentPopup.instance, currentPopup.callback, e); + } + } + }; + + if (!Radzen.popups) { + Radzen.popups = []; + } + + Radzen.popups.push({ id, instance, callback }); + + document.body.appendChild(popup); + document.removeEventListener('mousedown', Radzen[id]); + document.addEventListener('mousedown', Radzen[id]); + window.removeEventListener('resize', Radzen[id]); + window.addEventListener('resize', Radzen[id]); + + var p = parent; + while (p && p != document.body) { + if (p.scrollWidth > p.clientWidth || p.scrollHeight > p.clientHeight) { + p.removeEventListener('scroll', Radzen.closeAllPopups); + p.addEventListener('scroll', Radzen.closeAllPopups); + } + p = p.parentElement; + } + + if (!parent) { + document.removeEventListener('contextmenu', Radzen[id]); + document.addEventListener('contextmenu', Radzen[id]); + } + + if (autoFocusFirstElement) { + setTimeout(function () { + popup.removeEventListener('keydown', Radzen.focusTrap); + popup.addEventListener('keydown', Radzen.focusTrap); + + var focusable = Radzen.getFocusableElements(popup); + var firstFocusable = focusable[0]; + if (firstFocusable) { + firstFocusable.focus(); + } + }, 500); + } + }, + closeAllPopups: function (e, id) { + if (!Radzen.popups) return; + var el = e && e.target || id && documentElement.getElementById(id); + for (var i = 0; i < Radzen.popups.length; i++) { + var p = Radzen.popups[i]; + + var closestPopup = el && el.closest && (el.closest('.rz-popup') || el.closest('.rz-overlaypanel')); + if (closestPopup && closestPopup != p) { + return; + } + + Radzen.closePopup(p.id, p.instance, p.callback, e); + } + Radzen.popups = []; + }, + closePopup: function (id, instance, callback, e) { + var popup = document.getElementById(id); + if (!popup) return; + if (popup.style.display == 'none') { + var popups = Radzen.findPopup(id); + if (popups.length > 1) { + for (var i = 0; i < popups.length; i++) { + if (popups[i].style.display == 'none') { + popups[i].parentNode.removeChild(popups[i]); + } else { + popup = popups[i]; + } + } + } else { + return; + } + } + + if (popup) { + if (popup.minWidth) { + popup.style.minWidth = ''; + } + + if (window.chrome && Radzen[id + 'FZL']) { + Radzen[id + 'FZL'].cell.style.left = Radzen[id + 'FZL'].left; + Radzen[id + 'FZL'] = null; + } + + popup.style.display = 'none'; + } + document.removeEventListener('mousedown', Radzen[id]); + window.removeEventListener('resize', Radzen[id]); + Radzen[id] = null; + + if (instance) { + instance.invokeMethodAsync(callback); + } + Radzen.popups = (Radzen.popups || []).filter(function (obj) { + return obj.id !== id; + }); + + if (Radzen.activeElement && Radzen.activeElement == document.activeElement || + Radzen.activeElement && document.activeElement == document.body || + Radzen.activeElement && document.activeElement && + (document.activeElement.classList.contains('rz-dropdown-filter') || document.activeElement.classList.contains('rz-lookup-search-input'))) { + setTimeout(function () { + if (e && e.target && e.target.tabIndex != -1) { + Radzen.activeElement = e.target; + } + if (Radzen.activeElement) { + Radzen.activeElement.focus(); + } + Radzen.activeElement = null; + }, 100); + } + }, + popupOpened: function (id) { + var popup = document.getElementById(id); + if (popup) { + return popup.style.display != 'none'; + } + return false; + }, + togglePopup: function (parent, id, syncWidth, instance, callback, closeOnDocumentClick = true, autoFocusFirstElement = false) { + var popup = document.getElementById(id); + if (!popup) return; + if (popup.style.display == 'block') { + Radzen.closePopup(id, instance, callback); + } else { + Radzen.openPopup(parent, id, syncWidth, null, null, null, instance, callback, closeOnDocumentClick, autoFocusFirstElement); + } + }, + destroyPopup: function (id) { + var popup = document.getElementById(id); + if (popup) { + popup.parentNode.removeChild(popup); + } + document.removeEventListener('mousedown', Radzen[id]); + }, + scrollDataGrid: function (e) { + var scrollLeft = + (e.target.scrollLeft ? '-' + e.target.scrollLeft : 0) + 'px'; + + e.target.previousElementSibling.style.marginLeft = scrollLeft; + e.target.previousElementSibling.firstElementChild.style.paddingRight = + e.target.clientHeight < e.target.scrollHeight ? (e.target.offsetWidth - e.target.clientWidth) + 'px' : '0px'; + + if (e.target.nextElementSibling) { + e.target.nextElementSibling.style.marginLeft = scrollLeft; + e.target.nextElementSibling.firstElementChild.style.paddingRight = + e.target.clientHeight < e.target.scrollHeight ? (e.target.offsetWidth - e.target.clientWidth) + 'px' : '0px'; + } + + for (var i = 0; i < document.body.children.length; i++) { + if (document.body.children[i].classList.contains('rz-overlaypanel')) { + document.body.children[i].style.display = 'none'; + } + } + }, + openDialog: function (options, dialogService, dialog) { + if (Radzen.closeAllPopups) { + Radzen.closeAllPopups(); + } + Radzen.dialogService = dialogService; + if ( + document.documentElement.scrollHeight > + document.documentElement.clientHeight + ) { + document.body.classList.add('no-scroll'); + } + + setTimeout(function () { + var dialogs = document.querySelectorAll('.rz-dialog-content'); + if (dialogs.length == 0) return; + var lastDialog = dialogs[dialogs.length - 1]; + + if (lastDialog) { + lastDialog.removeEventListener('keydown', Radzen.focusTrap); + lastDialog.addEventListener('keydown', Radzen.focusTrap); + + if (options.resizable) { + dialog.offsetWidth = lastDialog.parentElement.offsetWidth; + dialog.offsetHeight = lastDialog.parentElement.offsetHeight; + var dialogResize = function (e) { + if (!dialog) return; + if (dialog.offsetWidth != e[0].target.offsetWidth || dialog.offsetHeight != e[0].target.offsetHeight) { + + dialog.offsetWidth = e[0].target.offsetWidth; + dialog.offsetHeight = e[0].target.offsetHeight; + + dialog.invokeMethodAsync( + 'RadzenDialog.OnResize', + e[0].target.offsetWidth, + e[0].target.offsetHeight + ); + } + }; + Radzen.dialogResizer = new ResizeObserver(dialogResize).observe(lastDialog.parentElement); + } + + if (options.autoFocusFirstElement) { + if (lastDialog.querySelectorAll('.rz-html-editor-content').length) { + var editable = lastDialog.querySelector('.rz-html-editor-content'); + if (editable) { + var selection = window.getSelection(); + var range = document.createRange(); + range.setStart(editable, 0); + range.setEnd(editable, 0); + selection.removeAllRanges(); + selection.addRange(range); + } + } else { + var focusable = Radzen.getFocusableElements(lastDialog); + var firstFocusable = focusable[0]; + if (firstFocusable) { + firstFocusable.focus(); + } + } + } + } + }, 500); + + document.removeEventListener('keydown', Radzen.closePopupOrDialog); + if (options.closeDialogOnEsc) { + document.addEventListener('keydown', Radzen.closePopupOrDialog); + } + }, + closeDialog: function () { + Radzen.dialogResizer = null; + document.body.classList.remove('no-scroll'); + var dialogs = document.querySelectorAll('.rz-dialog-content'); + if (dialogs.length <= 1) { + document.removeEventListener('keydown', Radzen.closePopupOrDialog); + delete Radzen.dialogService; + } + }, + disableKeydown: function (e) { + e = e || window.event; + e.preventDefault(); + }, + getFocusableElements: function (element) { + return [...element.querySelectorAll('a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable], [tabindex]')] + .filter(el => el && el.tabIndex > -1 && !el.hasAttribute('disabled') && el.offsetParent !== null); + }, + focusTrap: function (e) { + e = e || window.event; + var isTab = false; + if ("key" in e) { + isTab = (e.key === "Tab"); + } else { + isTab = (e.keyCode === 9); + } + if (isTab) { + var focusable = Radzen.getFocusableElements(e.currentTarget); + var firstFocusable = focusable[0]; + var lastFocusable = focusable[focusable.length - 1]; + + if (firstFocusable && e.shiftKey && document.activeElement === firstFocusable) { + e.preventDefault(); + firstFocusable.focus(); + } else if (lastFocusable && !e.shiftKey && document.activeElement === lastFocusable) { + e.preventDefault(); + lastFocusable.focus(); + } + } + }, + closePopupOrDialog: function (e) { + e = e || window.event; + var isEscape = false; + if ("key" in e) { + isEscape = (e.key === "Escape" || e.key === "Esc"); + } else { + isEscape = (e.keyCode === 27); + } + if (isEscape && Radzen.dialogService) { + var popups = document.querySelectorAll('.rz-popup,.rz-overlaypanel'); + for (var i = 0; i < popups.length; i++) { + if (popups[i].style.display != 'none') { + return; + } + } + + Radzen.dialogService.invokeMethodAsync('DialogService.Close', null); + + var dialogs = document.querySelectorAll('.rz-dialog-content'); + if (dialogs.length <= 1) { + document.removeEventListener('keydown', Radzen.closePopupOrDialog); + delete Radzen.dialogService; + var layout = document.querySelector('.rz-layout'); + if (layout) { + layout.removeEventListener('keydown', Radzen.disableKeydown); + } + } + } + }, + getInputValue: function (arg) { + var input = + arg instanceof Element || arg instanceof HTMLDocument + ? arg + : document.getElementById(arg); + return input && input.value != '' ? input.value : null; + }, + setInputValue: function (arg, value) { + var input = + arg instanceof Element || arg instanceof HTMLDocument + ? arg + : document.getElementById(arg); + if (input) { + input.value = value; + } + }, + readFileAsBase64: function (fileInput, maxFileSize, maxWidth, maxHeight) { + var calculateWidthAndHeight = function (img) { + var width = img.width; + var height = img.height; + // Change the resizing logic + if (width > height) { + if (width > maxWidth) { + height = height * (maxWidth / width); + width = maxWidth; + } + } else { + if (height > maxHeight) { + width = width * (maxHeight / height); + height = maxHeight; + } + } + return { width, height }; + }; + var readAsDataURL = function (fileInput) { + return new Promise(function (resolve, reject) { + var reader = new FileReader(); + reader.onerror = function () { + reader.abort(); + reject('Error reading file.'); + }; + reader.addEventListener( + 'load', + function () { + if (maxWidth > 0 && maxHeight > 0) { + var img = document.createElement("img"); + img.onload = function (event) { + // Dynamically create a canvas element + var canvas = document.createElement("canvas"); + var res = calculateWidthAndHeight(img); + canvas.width = res.width; + canvas.height = res.height; + var ctx = canvas.getContext("2d"); + ctx.drawImage(img, 0, 0, res.width, res.height); + resolve(canvas.toDataURL(fileInput.type)); + } + img.src = reader.result; + } else { + resolve(reader.result); + } + }, + false + ); + var file = fileInput.files[0]; + if (!file) return; + if (file.size <= maxFileSize) { + reader.readAsDataURL(file); + } else { + reject('File too large.'); + } + }); + }; + + return readAsDataURL(fileInput); + }, + toggleMenuItem: function (target, event, defaultActive) { + var item = target.closest('.rz-navigation-item'); + + var active = defaultActive != undefined ? defaultActive : !item.classList.contains('rz-navigation-item-active'); + + function toggle(active) { + item.classList.toggle('rz-navigation-item-active', active); + + target.classList.toggle('rz-navigation-item-wrapper-active', active); + + var children = item.querySelector('.rz-navigation-menu'); + + if (children) { + children.style.display = active ? '' : 'none'; + } + + var icon = item.querySelector('.rz-navigation-item-icon-children'); + + if (icon) { + var deg = active ? '180deg' : 0; + icon.style.transform = 'rotate(' + deg + ')'; + } + } + + toggle(active); + + document.removeEventListener('click', target.clickHandler); + + target.clickHandler = function (event) { + if (item.contains(event.target)) { + var child = event.target.closest('.rz-navigation-item'); + if (child && child.querySelector('.rz-navigation-menu')) { + return; + } + } + toggle(false); + } + + document.addEventListener('click', target.clickHandler); + }, + destroyChart: function (ref) { + ref.removeEventListener('mouseleave', ref.mouseLeaveHandler); + delete ref.mouseLeaveHandler; + ref.removeEventListener('mouseenter', ref.mouseEnterHandler); + delete ref.mouseEnterHandler; + ref.removeEventListener('mousemove', ref.mouseMoveHandler); + delete ref.mouseMoveHandler; + ref.removeEventListener('click', ref.clickHandler); + delete ref.clickHandler; + this.destroyResizable(ref); + }, + destroyGauge: function (ref) { + this.destroyResizable(ref); + }, + destroyResizable: function (ref) { + if (ref.resizeObserver) { + ref.resizeObserver.disconnect(); + delete ref.resizeObserver; + } + if (ref.resizeHandler) { + window.removeEventListener('resize', ref.resizeHandler); + delete ref.resizeHandler; + } + }, + createResizable: function (ref, instance) { + ref.resizeHandler = function () { + var rect = ref.getBoundingClientRect(); + + instance.invokeMethodAsync('Resize', rect.width, rect.height); + }; + + if (window.ResizeObserver) { + ref.resizeObserver = new ResizeObserver(ref.resizeHandler); + ref.resizeObserver.observe(ref); + } else { + window.addEventListener('resize', ref.resizeHandler); + } + + var rect = ref.getBoundingClientRect(); + + return {width: rect.width, height: rect.height}; + }, + createChart: function (ref, instance) { + var inside = false; + ref.mouseMoveHandler = this.throttle(function (e) { + if (inside) { + if (e.target.matches('.rz-chart-tooltip-content') || e.target.closest('.rz-chart-tooltip-content')) { + return + } + var rect = ref.getBoundingClientRect(); + var x = e.clientX - rect.left; + var y = e.clientY - rect.top; + instance.invokeMethodAsync('MouseMove', x, y); + } + }, 100); + ref.mouseEnterHandler = function () { + inside = true; + }; + ref.mouseLeaveHandler = function () { + inside = false; + instance.invokeMethodAsync('MouseMove', -1, -1); + }; + ref.clickHandler = function (e) { + var rect = ref.getBoundingClientRect(); + var x = e.clientX - rect.left; + var y = e.clientY - rect.top; + if (!e.target.closest('.rz-marker')) { + instance.invokeMethodAsync('Click', x, y); + } + }; + + ref.addEventListener('mouseenter', ref.mouseEnterHandler); + ref.addEventListener('mouseleave', ref.mouseLeaveHandler); + ref.addEventListener('mousemove', ref.mouseMoveHandler); + ref.addEventListener('click', ref.clickHandler); + + return this.createResizable(ref, instance); + }, + createGauge: function (ref, instance) { + return this.createResizable(ref, instance); + }, + destroyScheduler: function (ref) { + if (ref.resizeHandler) { + window.removeEventListener('resize', ref.resizeHandler); + delete ref.resizeHandler; + } + }, + createScheduler: function (ref, instance) { + ref.resizeHandler = function () { + var rect = ref.getBoundingClientRect(); + + instance.invokeMethodAsync('Resize', rect.width, rect.height); + }; + + window.addEventListener('resize', ref.resizeHandler); + + var rect = ref.getBoundingClientRect(); + return {width: rect.width, height: rect.height}; + }, + innerHTML: function (ref, value) { + if (value != undefined) { + if (ref != null) { + ref.innerHTML = value; + } + } else { + return ref.innerHTML; + } + }, + execCommand: function (ref, name, value) { + if (document.activeElement != ref && ref) { + ref.focus(); + } + document.execCommand(name, false, value); + return this.queryCommands(ref); + }, + queryCommands: function (ref) { + return { + html: ref != null ? ref.innerHTML : null, + fontName: document.queryCommandValue('fontName'), + fontSize: document.queryCommandValue('fontSize'), + formatBlock: document.queryCommandValue('formatBlock'), + bold: document.queryCommandState('bold'), + underline: document.queryCommandState('underline'), + justifyRight: document.queryCommandState('justifyRight'), + justifyLeft: document.queryCommandState('justifyLeft'), + justifyCenter: document.queryCommandState('justifyCenter'), + justifyFull: document.queryCommandState('justifyFull'), + italic: document.queryCommandState('italic'), + strikeThrough: document.queryCommandState('strikeThrough'), + superscript: document.queryCommandState('superscript'), + subscript: document.queryCommandState('subscript'), + unlink: document.queryCommandEnabled('unlink'), + undo: document.queryCommandEnabled('undo'), + redo: document.queryCommandEnabled('redo') + }; + }, + mediaQueries: {}, + mediaQuery: function(query, instance) { + if (instance) { + function callback(event) { + instance.invokeMethodAsync('OnChange', event.matches) + }; + var query = matchMedia(query); + this.mediaQueries[instance._id] = function() { + query.removeListener(callback); + } + query.addListener(callback); + return query.matches; + } else { + instance = query; + if (this.mediaQueries[instance._id]) { + this.mediaQueries[instance._id](); + delete this.mediaQueries[instance._id]; + } + } + }, + createEditor: function (ref, uploadUrl, paste, instance, shortcuts) { + ref.inputListener = function () { + instance.invokeMethodAsync('OnChange', ref.innerHTML); + }; + ref.keydownListener = function (e) { + var key = ''; + if (e.ctrlKey || e.metaKey) { + key += 'Ctrl+'; + } + if (e.altKey) { + key += 'Alt+'; + } + if (e.shiftKey) { + key += 'Shift+'; + } + key += e.code.replace('Key', '').replace('Digit', '').replace('Numpad', ''); + + if (shortcuts.includes(key)) { + e.preventDefault(); + instance.invokeMethodAsync('ExecuteShortcutAsync', key); + } + }; + + ref.selectionChangeListener = function () { + if (document.activeElement == ref) { + instance.invokeMethodAsync('OnSelectionChange'); + } + }; + ref.pasteListener = function (e) { + var item = e.clipboardData.items[0]; + + if (item.kind == 'file') { + e.preventDefault(); + var file = item.getAsFile(); + + if (uploadUrl) { + var xhr = new XMLHttpRequest(); + var data = new FormData(); + data.append("file", file); + xhr.onreadystatechange = function (e) { + if (xhr.readyState === XMLHttpRequest.DONE) { + var status = xhr.status; + if (status === 0 || (status >= 200 && status < 400)) { + var result = JSON.parse(xhr.responseText); + document.execCommand("insertHTML", false, ''); + } else { + instance.invokeMethodAsync('OnError', xhr.responseText); + } + } + } + instance.invokeMethodAsync('GetHeaders').then(function (headers) { + xhr.open('POST', uploadUrl, true); + for (var name in headers) { + xhr.setRequestHeader(name, headers[name]); + } + xhr.send(data); + }); + } else { + var reader = new FileReader(); + reader.onload = function (e) { + document.execCommand("insertHTML", false, ''); + }; + reader.readAsDataURL(file); + } + } else if (paste) { + e.preventDefault(); + var data = e.clipboardData.getData('text/html') || e.clipboardData.getData('text/plain'); + + instance.invokeMethodAsync('OnPaste', data) + .then(function (html) { + document.execCommand("insertHTML", false, html); + }); + } + }; + ref.addEventListener('input', ref.inputListener); + ref.addEventListener('paste', ref.pasteListener); + ref.addEventListener('keydown', ref.keydownListener); + document.addEventListener('selectionchange', ref.selectionChangeListener); + document.execCommand('styleWithCSS', false, true); + }, + saveSelection: function (ref) { + if (document.activeElement == ref) { + var selection = getSelection(); + if (selection.rangeCount > 0) { + ref.range = selection.getRangeAt(0); + } + } + }, + restoreSelection: function (ref) { + var range = ref.range; + if (range) { + delete ref.range; + if(ref) { + ref.focus(); + } + var selection = getSelection(); + selection.removeAllRanges(); + selection.addRange(range); + } + }, + selectionAttributes: function (selector, attributes, container) { + var selection = getSelection(); + var range = selection.rangeCount > 0 && selection.getRangeAt(0); + var parent = range && range.commonAncestorContainer; + var inside = false; + while (parent) { + if (parent == container) { + inside = true; + break; + } + parent = parent.parentNode; + } + if (!inside) { + return {}; + } + var target = selection.focusNode; + var innerHTML; + if (target) { + if (target.nodeType == 3) { + target = target.parentElement; + } else { + target = target.childNodes[selection.focusOffset]; + if (target) { + innerHTML = target.outerHTML; + } + } + if (target && target.matches && !target.matches(selector)) { + target = target.closest(selector); + } + } + return attributes.reduce(function (result, name) { + if (target) { + result[name] = target[name]; + } + return result; + }, { innerText: selection.toString(), innerHTML: innerHTML }); + }, + destroyEditor: function (ref) { + if (ref) { + ref.removeEventListener('input', ref.inputListener); + ref.removeEventListener('paste', ref.pasteListener); + ref.removeEventListener('keydown', ref.keydownListener); + document.removeEventListener('selectionchange', ref.selectionChangeListener); + } + }, + startDrag: function (ref, instance, handler) { + if (!ref) { + return { left: 0, top: 0, width: 0, height: 0 }; + } + ref.mouseMoveHandler = function (e) { + instance.invokeMethodAsync(handler, { clientX: e.clientX, clientY: e.clientY }); + }; + ref.touchMoveHandler = function (e) { + if (e.targetTouches[0]) { + instance.invokeMethodAsync(handler, { clientX: e.targetTouches[0].clientX, clientY: e.targetTouches[0].clientY }); + } + }; + ref.mouseUpHandler = function (e) { + Radzen.endDrag(ref); + }; + document.addEventListener('mousemove', ref.mouseMoveHandler); + document.addEventListener('mouseup', ref.mouseUpHandler); + document.addEventListener('touchmove', ref.touchMoveHandler, { passive: true }) + document.addEventListener('touchend', ref.mouseUpHandler, { passive: true }); + return Radzen.clientRect(ref); + }, + submit: function (form) { + form.submit(); + }, + clientRect: function (arg) { + var el = arg instanceof Element || arg instanceof HTMLDocument + ? arg + : document.getElementById(arg); + var rect = el.getBoundingClientRect(); + return { left: rect.left, top: rect.top, width: rect.width, height: rect.height }; + }, + endDrag: function (ref) { + document.removeEventListener('mousemove', ref.mouseMoveHandler); + document.removeEventListener('mouseup', ref.mouseUpHandler); + document.removeEventListener('touchmove', ref.touchMoveHandler) + document.removeEventListener('touchend', ref.mouseUpHandler); + }, + startColumnReorder: function(id) { + var el = document.getElementById(id + '-drag'); + var cell = el.parentNode.parentNode; + var visual = document.createElement("th"); + visual.className = cell.className + ' rz-column-draggable'; + visual.style = cell.style; + visual.style.display = 'none'; + visual.style.position = 'absolute'; + visual.style.height = cell.offsetHeight + 'px'; + visual.style.width = cell.offsetWidth + 'px'; + visual.style.zIndex = 2000; + visual.innerHTML = cell.innerHTML; + visual.id = id + 'visual'; + document.body.appendChild(visual); + + var resizers = cell.parentNode.querySelectorAll('.rz-column-resizer'); + for (let i = 0; i < resizers.length; i++) { + resizers[i].style.display = 'none'; + } + + Radzen[id + 'end'] = function (e) { + var el = document.getElementById(id + 'visual'); + if (el) { + document.body.removeChild(el); + Radzen[id + 'end'] = null; + Radzen[id + 'move'] = null; + var resizers = cell.parentNode.querySelectorAll('.rz-column-resizer'); + for (let i = 0; i < resizers.length; i++) { + resizers[i].style.display = 'block'; + } + } + } + document.removeEventListener('click', Radzen[id + 'end']); + document.addEventListener('click', Radzen[id + 'end']); + + Radzen[id + 'move'] = function (e) { + var el = document.getElementById(id + 'visual'); + if (el) { + el.style.display = 'block'; + + if (/Edge/.test(navigator.userAgent)) { + var scrollLeft = document.body.scrollLeft; + var scrollTop = document.body.scrollTop; + } else { + var scrollLeft = document.documentElement.scrollLeft; + var scrollTop = document.documentElement.scrollTop; + } + + el.style.top = e.clientY + scrollTop + 10 + 'px'; + el.style.left = e.clientX + scrollLeft + 10 + 'px'; + } + } + document.removeEventListener('mousemove', Radzen[id + 'move']); + document.addEventListener('mousemove', Radzen[id + 'move']); + }, + startColumnResize: function(id, grid, columnIndex, clientX) { + var el = document.getElementById(id + '-resizer'); + var cell = el.parentNode.parentNode; + var col = document.getElementById(id + '-col'); + var dataCol = document.getElementById(id + '-data-col'); + var footerCol = document.getElementById(id + '-footer-col'); + Radzen[el] = { + clientX: clientX, + width: cell.getBoundingClientRect().width, + mouseUpHandler: function (e) { + if (Radzen[el]) { + grid.invokeMethodAsync( + 'RadzenGrid.OnColumnResized', + columnIndex, + cell.getBoundingClientRect().width + ); + el.style.width = null; + document.removeEventListener('mousemove', Radzen[el].mouseMoveHandler); + document.removeEventListener('mouseup', Radzen[el].mouseUpHandler); + document.removeEventListener('touchmove', Radzen[el].touchMoveHandler) + document.removeEventListener('touchend', Radzen[el].mouseUpHandler); + Radzen[el] = null; + } + }, + mouseMoveHandler: function (e) { + if (Radzen[el]) { + var widthFloat = (Radzen[el].width - (Radzen[el].clientX - e.clientX)); + var minWidth = parseFloat(cell.style.minWidth || 0) + + if (widthFloat < minWidth) { + widthFloat = minWidth; + } + + var width = widthFloat + 'px'; + + if (cell) { + cell.style.width = width; + } + if (col) { + col.style.width = width; + } + if (dataCol) { + dataCol.style.width = width; + } + if (footerCol) { + footerCol.style.width = width; + } + } + }, + touchMoveHandler: function (e) { + if (e.targetTouches[0]) { + Radzen[el].mouseMoveHandler(e.targetTouches[0]); + } + } + }; + el.style.width = "100%"; + document.addEventListener('mousemove', Radzen[el].mouseMoveHandler); + document.addEventListener('mouseup', Radzen[el].mouseUpHandler); + document.addEventListener('touchmove', Radzen[el].touchMoveHandler, { passive: true }) + document.addEventListener('touchend', Radzen[el].mouseUpHandler, { passive: true }); + }, + startSplitterResize: function(id, + splitter, + paneId, + paneNextId, + orientation, + clientPos, + minValue, + maxValue, + minNextValue, + maxNextValue) { + + var el = document.getElementById(id); + var pane = document.getElementById(paneId); + var paneNext = document.getElementById(paneNextId); + var paneLength; + var paneNextLength; + var panePerc; + var paneNextPerc; + var isHOrientation=orientation == 'Horizontal'; + + var totalLength = 0.0; + Array.from(el.children).forEach(element => { + totalLength += isHOrientation + ? element.getBoundingClientRect().width + : element.getBoundingClientRect().height; + }); + + if (pane) { + paneLength = isHOrientation + ? pane.getBoundingClientRect().width + : pane.getBoundingClientRect().height; + + panePerc = (paneLength / totalLength * 100) + '%'; + } + + if (paneNext) { + paneNextLength = isHOrientation + ? paneNext.getBoundingClientRect().width + : paneNext.getBoundingClientRect().height; + + paneNextPerc = (paneNextLength / totalLength * 100) + '%'; + } + + function ensurevalue(value) { + if (!value) + return null; + + value=value.trim().toLowerCase(); + + if (value.endsWith("%")) + return totalLength*parseFloat(value)/100; + + if (value.endsWith("px")) + return parseFloat(value); + + throw 'Invalid value'; + } + + minValue=ensurevalue(minValue); + maxValue=ensurevalue(maxValue); + minNextValue=ensurevalue(minNextValue); + maxNextValue=ensurevalue(maxNextValue); + + Radzen[el] = { + clientPos: clientPos, + panePerc: parseFloat(panePerc), + paneNextPerc: isFinite(parseFloat(paneNextPerc)) ? parseFloat(paneNextPerc) : 0, + paneLength: paneLength, + paneNextLength: isFinite(paneNextLength) ? paneNextLength : 0, + mouseUpHandler: function(e) { + if (Radzen[el]) { + splitter.invokeMethodAsync( + 'RadzenSplitter.OnPaneResized', + parseInt(pane.getAttribute('data-index')), + parseFloat(pane.style.flexBasis), + paneNext ? parseInt(paneNext.getAttribute('data-index')) : null, + paneNext ? parseFloat(paneNext.style.flexBasis) : null + ); + document.removeEventListener('mousemove', Radzen[el].mouseMoveHandler); + document.removeEventListener('mouseup', Radzen[el].mouseUpHandler); + document.removeEventListener('touchmove', Radzen[el].touchMoveHandler); + document.removeEventListener('touchend', Radzen[el].mouseUpHandler); + Radzen[el] = null; + } + }, + mouseMoveHandler: function(e) { + if (Radzen[el]) { + + var spacePerc = Radzen[el].panePerc + Radzen[el].paneNextPerc; + var spaceLength = Radzen[el].paneLength + Radzen[el].paneNextLength; + + var length = (Radzen[el].paneLength - + (Radzen[el].clientPos - (isHOrientation ? e.clientX : e.clientY))); + + if (length > spaceLength) + length = spaceLength; + + if (minValue && length < minValue) length = minValue; + if (maxValue && length > maxValue) length = maxValue; + + if (paneNext) { + var nextSpace=spaceLength-length; + if (minNextValue && nextSpace < minNextValue) length = spaceLength-minNextValue; + if (maxNextValue && nextSpace > maxNextValue) length = spaceLength+maxNextValue; + } + + var perc = length / Radzen[el].paneLength; + if (!isFinite(perc)) { + perc = 1; + Radzen[el].panePerc = 0.1; + Radzen[el].paneLength =isHOrientation + ? pane.getBoundingClientRect().width + : pane.getBoundingClientRect().height; + } + + var newPerc = Radzen[el].panePerc * perc; + if (newPerc < 0) newPerc = 0; + if (newPerc > 100) newPerc = 100; + + pane.style.flexBasis = newPerc + '%'; + if (paneNext) + paneNext.style.flexBasis = (spacePerc - newPerc) + '%'; + } + }, + touchMoveHandler: function(e) { + if (e.targetTouches[0]) { + Radzen[el].mouseMoveHandler(e.targetTouches[0]); + } + } + }; + document.addEventListener('mousemove', Radzen[el].mouseMoveHandler); + document.addEventListener('mouseup', Radzen[el].mouseUpHandler); + document.addEventListener('touchmove', Radzen[el].touchMoveHandler, { passive: true }); + document.addEventListener('touchend', Radzen[el].mouseUpHandler, { passive: true }); + }, + resizeSplitter(id, e) { + var el = document.getElementById(id); + if (el && Radzen[el]) { + Radzen[el].mouseMoveHandler(e); + Radzen[el].mouseUpHandler(e); + } + }, + openWaiting: function() { + if (document.documentElement.scrollHeight > document.documentElement.clientHeight) { + document.body.classList.add('no-scroll'); + } + if (Radzen.WaitingIntervalId != null) { + clearInterval(Radzen.WaitingIntervalId); + } + + setTimeout(function() { + var timerObj = document.getElementsByClassName('rz-waiting-timer'); + if (timerObj.length == 0) return; + var timerStart = new Date().getTime(); + Radzen.WaitingIntervalId = setInterval(function() { + if (timerObj == null || timerObj[0] == null) { + clearInterval(Radzen.WaitingIntervalId); + } else { + var time = new Date(new Date().getTime() - timerStart); + timerObj[0].innerHTML = Math.floor(time / 1000) + "." + Math.floor((time % 1000) / 100); + } + }, + 100); + }, + 100); + }, + closeWaiting: function() { + document.body.classList.remove('no-scroll'); + if (Radzen.WaitingIntervalId != null) { + clearInterval(Radzen.WaitingIntervalId); + Radzen.WaitingIntervalId = null; + } + }, + toggleDictation: function (componentRef, language) { + function start() { + const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; + + if (!SpeechRecognition) { + return; + } + + radzenRecognition = new SpeechRecognition(); + radzenRecognition.componentRef = componentRef; + radzenRecognition.continuous = true; + + if (language) { + radzenRecognition.lang = language; + } + + radzenRecognition.onresult = function (event) { + if (event.results.length < 1) { + return; + } + + let current = event.results[event.results.length - 1][0] + let result = current.transcript; + + componentRef.invokeMethodAsync("OnResult", result); + }; + radzenRecognition.onend = function (event) { + componentRef.invokeMethodAsync("StopRecording"); + radzenRecognition = null; + }; + radzenRecognition.start(); + } + + if (radzenRecognition) { + if (radzenRecognition.componentRef._id != componentRef._id) { + radzenRecognition.addEventListener('end', start); + } + radzenRecognition.stop(); + } else { + start(); + } + } +}; diff --git a/_content/Radzen.Blazor/css/dark-base.css b/_content/Radzen.Blazor/css/dark-base.css new file mode 100755 index 0000000..9753a34 --- /dev/null +++ b/_content/Radzen.Blazor/css/dark-base.css @@ -0,0 +1,20573 @@ +@charset "UTF-8"; +.rz-slot-minor { + border-top: 1px dotted var(--rz-scheduler-minor-border-color) !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --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-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-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; +} + +:root { + --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-icon-size: 1.25rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-secondary); +} + +:root { + --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); +} + +.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; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-base-800); +} + +:root { + --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-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-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-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); +} + +:root { + --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); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --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); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-primary { + background-color: var(--rz-primary); + color: var(--rz-text-contrast-color); +} +.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-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-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-secondary { + background-color: var(--rz-secondary); + color: var(--rz-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-text-contrast-color); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-lg { + font-size: 1rem; + font-weight: 600; + 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)); +} +.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-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: var(--rz-body-font-size); + font-weight: 600; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0.5rem 1rem 0.5rem 0.5rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: var(--rz-body-font-size); + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1.25rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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 { + font-size: 0.75rem; + font-weight: 600; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.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-paginator-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); + } +} +:root { + --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; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-700); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --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: 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-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-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-disabled-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; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --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; +} + +.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; +} + +:root { + --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; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 250px; + --rz-sidebar-border-right: var(--rz-border-base-800); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --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; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.25rem 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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-secondary); + --rz-accordion-hover-color: var(--rz-secondary); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --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; +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --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)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --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: 0.5rem 1rem 0.5rem 0.5rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-on-secondary-light); + --rz-menu-item-hover-background-color: var(--rz-secondary-light); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --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: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-text-color); + --rz-menu-top-item-background-color: var(--rz-base-background-color); + --rz-menu-top-item-hover-color: var(--rz-secondary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-secondary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-secondary); + --rz-context-menu-padding: 0; + --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1); +} + +.rz-context-menu .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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-contrast-color); + --rz-panel-menu-background-color: var(--rz-base-800); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3); + --rz-panel-menu-hover-color: var(--rz-text-contrast-color); + --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: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-900); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-900); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-contrast-color); + --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: 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 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-hover-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.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; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --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: 0.625rem 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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 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: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 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); + --rz-checkbox-checked-hover-border: var(--rz-input-border); + --rz-checkbox-checked-disabled-border: var(--rz-input-border); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --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); +} + +.rz-switch { + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.26rem; + height: 1.26rem; + left: 0.27rem; + margin-top: -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: ""; + top: 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); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 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); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --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: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 1rem; + --rz-fieldset-toggle-width: 1.125rem; + --rz-fieldset-toggle-margin: 0 0.5rem 0 0; + --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); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --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: 0 var(--rz-icon-size) 0 0; + --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: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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: 0 0.5rem 0 0; + --rz-listbox-header-padding: 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; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --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); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-secondary); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.3; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-secondary); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --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-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary); + --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-background-color: var(--rz-base-800); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-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-title-height: 47px; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-900); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-secondary); + --rz-timepicker-button-color: var(--rz-on-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; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: 1.25rem; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0.5rem; + --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); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --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); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --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: 0 0 0 0.5rem; + --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: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: var(--rz-border-normal); + --rz-grid-filter-buttons-background-color: var(--rz-base-900); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-on-secondary); + --rz-grid-clear-filter-button-shadow: inherit; + --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: inherit; + --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-grid-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: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-normal); + --rz-grid-frozen-cell-background-color: var(--rz-base-900); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.5rem; + --rz-grid-group-header-item-background-color: var(--rz-base-background-color); + --rz-grid-group-header-item-padding: 0.5rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --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-items-margin: 0 0 -0.5rem 0; + --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: 0 auto 0 0; + --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: var(--rz-base-background-color); + --rz-paginator-padding: 0.5rem; + --rz-paginator-border: var(--rz-border-normal); + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: var(--rz-base-700); + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: 1px solid transparent; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-700); + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-900); + --rz-paginator-numeric-button-selected-color: var(--rz-text-contrast-color); + --rz-paginator-numeric-button-selected-border: var(--rz-border-base-900); + --rz-paginator-numeric-button-selected-padding: 0.4375rem; + --rz-paginator-numeric-button-min-width: 2.25rem; + --rz-paginator-back-button-background-color: var(--rz-base-700); + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-700); + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: var(--rz-base-700); + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-700); + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --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); +} + +.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); +} + +:root { + --rz-tree-background-color: var(--rz-base-background-color); + --rz-tree-node-padding: 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: 1px 0; + --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; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "arrow_drop_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --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-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --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: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; + --rz-scheduler-today-button-margin-left: 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: 0 1px 1px 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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --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: 0.5rem 1rem; + --rz-tabs-tab-background-color: var(--rz-base-700); + --rz-tabs-tab-color: var(--rz-text-secondary-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: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --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); +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --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: 0.6875rem 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-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 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); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --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); +} + +.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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --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; +} + +.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); +} + +:root { + --rz-login-register-background-color: var(--rz-base-700); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: var(--rz-base-background-color); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-700); + --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; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --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-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --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)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --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; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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); +} + +.rz-alert { + 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); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.4375rem 0.4375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.5rem 1.25rem 0.5rem 0.5rem; + --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-left: 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; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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); +} + +.rz-timeline { + 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 .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/dark-wcag.css b/_content/Radzen.Blazor/css/dark-wcag.css new file mode 100755 index 0000000..840efac --- /dev/null +++ b/_content/Radzen.Blazor/css/dark-wcag.css @@ -0,0 +1,76 @@ +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #ffffff; + --rz-base-100: #f6f7fa; + --rz-base-200: #e9edf0; + --rz-base-300: #dadfe2; + --rz-base-400: #a8b4b8; + --rz-base-500: #98a5a9; + --rz-base-600: #8f9ea3; + --rz-base-700: #334752; + --rz-base-800: #212E36; + --rz-base-900: #17262c; + --rz-primary: #bf540d; + --rz-primary-light: #c7692a; + --rz-primary-lighter: rgba(191, 84, 13, 0.16); + --rz-primary-dark: #b04d0c; + --rz-primary-darker: #8f3f0a; + --rz-secondary: #076a9c; + --rz-secondary-light: #257ca8; + --rz-secondary-lighter: rgba(7, 106, 156, 0.2); + --rz-secondary-dark: #066290; + --rz-secondary-darker: #055075; + --rz-info: #026969; + --rz-info-light: #2a8181; + --rz-info-lighter: rgba(2, 105, 105, 0.2); + --rz-info-dark: #025858; + --rz-info-darker: #024f4f; + --rz-success: #0f6c23; + --rz-success-light: #358446; + --rz-success-lighter: rgba(15, 108, 35, 0.16); + --rz-success-dark: #0d5b1d; + --rz-success-darker: #0b511a; + --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: #b2242e; + --rz-danger-light: #be474f; + --rz-danger-lighter: rgba(178, 36, 46, 0.2); + --rz-danger-dark: #961e27; + --rz-danger-darker: #861b23; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #c2350a; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #076a9c; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #026969; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #0f6c23; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #000000; + --rz-on-warning-light: #000000; + --rz-on-warning-lighter: #fac152; + --rz-on-warning-dark: #000000; + --rz-on-warning-darker: #000000; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #b2242e; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-link-color: #3b9fd5; + --rz-link-hover-color: #2184ba; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/dark.css b/_content/Radzen.Blazor/css/dark.css new file mode 100755 index 0000000..ceefb81 --- /dev/null +++ b/_content/Radzen.Blazor/css/dark.css @@ -0,0 +1,25931 @@ +@charset "UTF-8"; +.rz-slot-minor { + border-top: 1px dotted var(--rz-scheduler-minor-border-color) !important; +} + +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #ff6d41; + --secondary: #3b9fd5; + --success: #5dbf74; + --info: #2cc8c8; + --warning: #fac152; + --danger: #f9777f; + --light: #e9edf0; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + 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"; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #f6f7fa; + text-align: left; + background-color: #28363c; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3b9fd5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3b9fd5; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2.25rem; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.429; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #ffcfc1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 109, 65, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.429; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.09375rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.765625rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.429; + color: #f6f7fa; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #5dbf74; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #212529; + background-color: rgba(93, 191, 116, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #5dbf74; + padding-right: calc(1.429em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235dbf74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.35725em + 0.1875rem); + background-size: calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.429em + 0.75rem); + background-position: top calc(0.35725em + 0.1875rem) right calc(0.35725em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #5dbf74; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235dbf74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #5dbf74; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #5dbf74; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #5dbf74; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #82cd93; + background-color: #82cd93; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #5dbf74; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #5dbf74; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f9777f; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #212529; + background-color: rgba(249, 119, 127, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #f9777f; + padding-right: calc(1.429em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f9777f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f9777f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.35725em + 0.1875rem); + background-size: calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.429em + 0.75rem); + background-position: top calc(0.35725em + 0.1875rem) right calc(0.35725em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #f9777f; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f9777f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f9777f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f9777f; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #f9777f; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #f9777f; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #fba8ad; + background-color: #fba8ad; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f9777f; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #f9777f; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.75rem; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #ff6d41; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #ff460e; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 109, 65, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #3b9fd5; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #2784b6; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(59, 159, 213, 0.5); +} + +.badge-success { + color: #212529; + background-color: #5dbf74; +} +a.badge-success:hover, a.badge-success:focus { + color: #212529; + background-color: #42a75a; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.5); +} + +.badge-info { + color: #212529; + background-color: #2cc8c8; +} +a.badge-info:hover, a.badge-info:focus { + color: #212529; + background-color: #239e9e; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(44, 200, 200, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #fac152; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #f9af20; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(250, 193, 82, 0.5); +} + +.badge-danger { + color: #212529; + background-color: #f9777f; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #212529; + background-color: #f74651; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.5); +} + +.badge-light { + color: #212529; + background-color: #e9edf0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #cbd4db; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(233, 237, 240, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 4px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3.8125rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #853922; + background-color: #ffe2d9; + border-color: #ffd6ca; +} +.alert-primary hr { + border-top-color: #ffc2b1; +} +.alert-primary .alert-link { + color: #5c2818; +} + +.alert-secondary { + color: #1f536f; + background-color: #d8ecf7; + border-color: #c8e4f3; +} +.alert-secondary hr { + border-top-color: #b3daee; +} +.alert-secondary .alert-link { + color: #143547; +} + +.alert-success { + color: #30633c; + background-color: #dff2e3; + border-color: #d2edd8; +} +.alert-success hr { + border-top-color: #c0e6c8; +} +.alert-success .alert-link { + color: #1f4127; +} + +.alert-info { + color: #176868; + background-color: #d5f4f4; + border-color: #c4f0f0; +} +.alert-info hr { + border-top-color: #b0ebeb; +} +.alert-info .alert-link { + color: #0e3e3e; +} + +.alert-warning { + color: #82642b; + background-color: #fef3dc; + border-color: #feeecf; +} +.alert-warning hr { + border-top-color: #fde5b6; +} +.alert-warning .alert-link { + color: #5c471e; +} + +.alert-danger { + color: #813e42; + background-color: #fee4e5; + border-color: #fdd9db; +} +.alert-danger hr { + border-top-color: #fcc1c4; +} +.alert-danger .alert-link { + color: #5f2d30; +} + +.alert-light { + color: #797b7d; + background-color: #fbfbfc; + border-color: #f9fafb; +} +.alert-light hr { + border-top-color: #eaedf1; +} +.alert-light .alert-link { + color: #606263; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff6d41 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff460e !important; +} + +.bg-secondary { + background-color: #3b9fd5 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #2784b6 !important; +} + +.bg-success { + background-color: #5dbf74 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #42a75a !important; +} + +.bg-info { + background-color: #2cc8c8 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #239e9e !important; +} + +.bg-warning { + background-color: #fac152 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #f9af20 !important; +} + +.bg-danger { + background-color: #f9777f !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #f74651 !important; +} + +.bg-light { + background-color: #e9edf0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cbd4db !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff6d41 !important; +} + +.border-secondary { + border-color: #3b9fd5 !important; +} + +.border-success { + border-color: #5dbf74 !important; +} + +.border-info { + border-color: #2cc8c8 !important; +} + +.border-warning { + border-color: #fac152 !important; +} + +.border-danger { + border-color: #f9777f !important; +} + +.border-light { + border-color: #e9edf0 !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 4px !important; +} + +.rounded-top { + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; +} + +.rounded-right { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +.rounded-bottom { + border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-left { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #ff6d41 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f43800 !important; +} + +.text-secondary { + color: #3b9fd5 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #2375a1 !important; +} + +.text-success { + color: #5dbf74 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #3b9550 !important; +} + +.text-info { + color: #2cc8c8 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #1e8989 !important; +} + +.text-warning { + color: #fac152 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #f8a608 !important; +} + +.text-danger { + color: #f9777f !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #f62e3a !important; +} + +.text-light { + color: #e9edf0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #bcc8d1 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #f6f7fa !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --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-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-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; +} + +:root { + --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-icon-size: 1.25rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-secondary); +} + +:root { + --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); +} + +.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; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-base-800); +} + +:root { + --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-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-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-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); +} + +:root { + --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); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --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); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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; +} + +:root { + --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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.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-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +label { + margin-bottom: 0; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +::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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-primary { + background-color: var(--rz-primary); + color: var(--rz-text-contrast-color); +} +.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-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-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-secondary { + background-color: var(--rz-secondary); + color: var(--rz-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-text-contrast-color); +} +.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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-text-contrast-color); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-lg { + font-size: 1rem; + font-weight: 600; + 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)); +} +.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-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: var(--rz-body-font-size); + font-weight: 600; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0.5rem 1rem 0.5rem 0.5rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: var(--rz-body-font-size); + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1.25rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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 { + font-size: 0.75rem; + font-weight: 600; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.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-paginator-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); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: 10rem; + --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: 700; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: uppercase; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-700); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: 0.875rem; + --rz-input-height: 2.25rem; + --rz-input-line-height: 1.429; + --rz-input-padding: 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-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-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-disabled-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: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --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; +} + +.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; +} + +:root { + --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; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 250px; + --rz-sidebar-border-right: var(--rz-border-base-800); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --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; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.25rem 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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-secondary); + --rz-accordion-hover-color: var(--rz-secondary); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --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; +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --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)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --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: 0.5rem 1rem 0.5rem 0.5rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-on-secondary-light); + --rz-menu-item-hover-background-color: var(--rz-secondary-light); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --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: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-text-color); + --rz-menu-top-item-background-color: var(--rz-base-background-color); + --rz-menu-top-item-hover-color: var(--rz-secondary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-secondary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-secondary); + --rz-context-menu-padding: 0; + --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1); +} + +.rz-context-menu .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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-contrast-color); + --rz-panel-menu-background-color: var(--rz-base-800); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3); + --rz-panel-menu-hover-color: var(--rz-text-contrast-color); + --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: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-900); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-900); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-contrast-color); + --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: 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 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-hover-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.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; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --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: 0.625rem 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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 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: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 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); + --rz-checkbox-checked-hover-border: var(--rz-input-border); + --rz-checkbox-checked-disabled-border: var(--rz-input-border); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --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); +} + +.rz-switch { + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.26rem; + height: 1.26rem; + left: 0.27rem; + margin-top: -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: ""; + top: 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); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 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); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --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: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 1rem; + --rz-fieldset-toggle-width: 1.125rem; + --rz-fieldset-toggle-margin: 0 0.5rem 0 0; + --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); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --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: 0 var(--rz-icon-size) 0 0; + --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: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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: 0 0.5rem 0 0; + --rz-listbox-header-padding: 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; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --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); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-secondary); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.3; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-secondary); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --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-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary); + --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-background-color: var(--rz-base-800); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-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-title-height: 47px; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-900); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-secondary); + --rz-timepicker-button-color: var(--rz-on-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; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: 1.25rem; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0.5rem; + --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); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --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); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --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: 0 0 0 0.5rem; + --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: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: var(--rz-border-normal); + --rz-grid-filter-buttons-background-color: var(--rz-base-900); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-on-secondary); + --rz-grid-clear-filter-button-shadow: inherit; + --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: inherit; + --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-grid-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: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-normal); + --rz-grid-frozen-cell-background-color: var(--rz-base-900); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.5rem; + --rz-grid-group-header-item-background-color: var(--rz-base-background-color); + --rz-grid-group-header-item-padding: 0.5rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --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-items-margin: 0 0 -0.5rem 0; + --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: 0 auto 0 0; + --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: var(--rz-base-background-color); + --rz-paginator-padding: 0.5rem; + --rz-paginator-border: var(--rz-border-normal); + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: var(--rz-base-700); + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: 1px solid transparent; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-700); + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-900); + --rz-paginator-numeric-button-selected-color: var(--rz-text-contrast-color); + --rz-paginator-numeric-button-selected-border: var(--rz-border-base-900); + --rz-paginator-numeric-button-selected-padding: 0.4375rem; + --rz-paginator-numeric-button-min-width: 2.25rem; + --rz-paginator-back-button-background-color: var(--rz-base-700); + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-700); + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: var(--rz-base-700); + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-700); + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --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); +} + +.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); +} + +:root { + --rz-tree-background-color: var(--rz-base-background-color); + --rz-tree-node-padding: 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: 1px 0; + --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; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "arrow_drop_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --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-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --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: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; + --rz-scheduler-today-button-margin-left: 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: 0 1px 1px 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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --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: 0.5rem 1rem; + --rz-tabs-tab-background-color: var(--rz-base-700); + --rz-tabs-tab-color: var(--rz-text-secondary-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: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --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: 0.875rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --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: 0.6875rem 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-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 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); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1rem; + --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); +} + +.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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --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; +} + +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); +} + +:root { + --rz-login-register-background-color: var(--rz-base-700); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: var(--rz-base-background-color); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-700); + --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; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --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-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --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)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --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; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: 4px; + --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); +} + +.rz-alert { + 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); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.4375rem 0.4375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.5rem 1.25rem 0.5rem 0.5rem; + --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-left: 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; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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); +} + +.rz-timeline { + 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 .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/default-base.css b/_content/Radzen.Blazor/css/default-base.css new file mode 100755 index 0000000..b849f0e --- /dev/null +++ b/_content/Radzen.Blazor/css/default-base.css @@ -0,0 +1,20569 @@ +@charset "UTF-8"; +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #ffffff; + --rz-base-100: #f6f7fa; + --rz-base-200: #e9edf0; + --rz-base-300: #dadfe2; + --rz-base-400: #c1c9cb; + --rz-base-500: #95a4a8; + --rz-base-600: #77858b; + --rz-base-700: #545e61; + --rz-base-800: #3a474d; + --rz-base-900: #28363c; + --rz-primary: #ff6d41; + --rz-primary-light: #ff7f58; + --rz-primary-lighter: rgba(255, 109, 65, 0.16); + --rz-primary-dark: #eb643c; + --rz-primary-darker: #bf5231; + --rz-secondary: #35a0d7; + --rz-secondary-light: #4dabdc; + --rz-secondary-lighter: rgba(53, 160, 215, 0.2); + --rz-secondary-dark: #3193c6; + --rz-secondary-darker: #2878a1; + --rz-info: #2cc8c8; + --rz-info-light: #4ed1d1; + --rz-info-lighter: rgba(44, 200, 200, 0.2); + --rz-info-dark: #25a8a8; + --rz-info-darker: #219696; + --rz-success: #5dbf74; + --rz-success-light: #77c98a; + --rz-success-lighter: rgba(93, 191, 116, 0.16); + --rz-success-dark: #4ea061; + --rz-success-darker: #468f57; + --rz-warning: #fac152; + --rz-warning-light: #fbcb6e; + --rz-warning-lighter: rgba(250, 193, 82, 0.2); + --rz-warning-dark: #d2a245; + --rz-warning-darker: #bc913e; + --rz-danger: #f9777f; + --rz-danger-light: #fa8d93; + --rz-danger-lighter: rgba(249, 119, 127, 0.2); + --rz-danger-dark: #d1646b; + --rz-danger-darker: #bb595f; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #ff6d41; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #35a0d7; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #2cc8c8; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #5dbf74; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #ffffff; + --rz-on-warning-light: #ffffff; + --rz-on-warning-lighter: #fac152; + --rz-on-warning-dark: #ffffff; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #f9777f; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #0479cc; + --rz-series-2: #68d5c8; + --rz-series-3: #ff6d41; + --rz-series-4: #cb6992; + --rz-series-5: #e6c54f; + --rz-series-6: #f9777f; + --rz-series-7: #5dbf74; + --rz-series-8: #4db9f2; + --rz-series-9: #06a9e0; + --rz-series-10: #92e6de; + --rz-series-11: #ff995b; + --rz-series-12: #e093be; + --rz-series-13: #f0dc6f; + --rz-series-14: #fba7b2; + --rz-series-15: #82d9a2; + --rz-series-16: #6cd5f7; + --rz-series-17: #0063c2; + --rz-series-18: #50cdbe; + --rz-series-19: #ff5628; + --rz-series-20: #c1527f; + --rz-series-21: #e1ba36; + --rz-series-22: #f8616a; + --rz-series-23: #45b35e; + --rz-series-24: #34acef; +} + +:root { + --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-100); + --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --rz-icon-size: 1.25rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-secondary); +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-500); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-500) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --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); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-light.rz-variant-flat:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-lg { + font-size: 1rem; + font-weight: 600; + 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)); +} +.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-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: var(--rz-body-font-size); + font-weight: 600; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0.5rem 1rem 0.5rem 0.5rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: var(--rz-body-font-size); + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1.25rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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 { + font-size: 0.75rem; + font-weight: 600; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.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-paginator-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); + } +} +:root { + --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; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --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: 0.4375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-disabled-background-color: var(--rz-base-100); + --rz-input-disabled-color: var(--rz-text-tertiary-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all), width 0, height 0; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-background-color); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: var(--rz-border-base-200); + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: none; +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: var(--rz-border-base-200); + --rz-footer-color: var(--rz-text-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 250px; + --rz-sidebar-border-right: var(--rz-border-normal); + --rz-sidebar-background-color: var(--rz-base-800); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1.25rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-100); + --rz-card-shadow: var(--rz-shadow-2); + --rz-card-border: var(--rz-border-normal); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.25rem 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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-secondary); + --rz-accordion-hover-color: var(--rz-secondary); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --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-200); + --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus); + --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset); + --rz-panel-hover-color: var(--rz-secondary); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: none; +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: var(--rz-border-base-200); + --rz-sidebar-toggle-color: var(--rz-base-900); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-secondary); + --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-border-radius: 0; + --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus); + --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --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: 0.5rem 1rem 0.5rem 0.5rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-on-secondary-light); + --rz-menu-item-hover-background-color: var(--rz-secondary-light); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --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: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-text-color); + --rz-menu-top-item-background-color: var(--rz-base-background-color); + --rz-menu-top-item-hover-color: var(--rz-secondary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-secondary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-secondary); + --rz-context-menu-padding: 0; + --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1); +} + +.rz-context-menu .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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-contrast-color); + --rz-panel-menu-background-color: var(--rz-base-800); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3); + --rz-panel-menu-hover-color: var(--rz-text-contrast-color); + --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: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-900); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-900); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-contrast-color); + --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: 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 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-hover-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.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; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-base-background-color); + --rz-profile-menu-border: var(--rz-border-base-200); + --rz-profile-menu-padding: 0.625rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-secondary); + --rz-profile-menu-item-hover-background-color: var(--rz-secondary); + --rz-profile-menu-item-focus-outline: var(--rz-outline-focus); + --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-profile-menu-item-icon-width: var(--rz-icon-size); + --rz-profile-menu-item-icon-height: var(--rz-icon-size); + --rz-profile-menu-item-icon-font-size: var(--rz-icon-size); + --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-color); + --rz-steps-number-background-color: var(--rz-base-200); + --rz-steps-number-selected-color: var(--rz-on-secondary); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-number-focus-outline: var(--rz-outline-focus); + --rz-steps-number-focus-outline-offset: var(--rz-outline-offset); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 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); + --rz-checkbox-checked-hover-border: var(--rz-input-border); + --rz-checkbox-checked-disabled-border: var(--rz-input-border); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --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); +} + +.rz-switch { + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.26rem; + height: 1.26rem; + left: 0.27rem; + margin-top: -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: ""; + top: 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); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 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); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-normal); + --rz-fieldset-border-radius: 0; + --rz-fieldset-padding: 1.25rem; + --rz-fieldset-legend-color: var(--rz-text-tertiary-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 1rem; + --rz-fieldset-toggle-width: 1.125rem; + --rz-fieldset-toggle-margin: 0 0.5rem 0 0; + --rz-fieldset-toggle-height: 1.125rem; + --rz-fieldset-toggle-background-color: var(--rz-base-200); + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1rem; + --rz-fieldset-toggle-border: none; + --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus); + --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --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: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-100); + --rz-dropdown-filter-padding: 0.5rem 0; + --rz-dropdown-open-background-color: var(--rz-base-background-color); + --rz-dropdown-open-border: var(--rz-input-border); + --rz-dropdown-panel-border: var(--rz-input-border); + --rz-dropdown-panel-shadow: none; + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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: 0 0.5rem 0 0; + --rz-listbox-header-padding: 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; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-background-color); + --rz-slider-border: var(--rz-border-normal); + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.5rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-secondary-lighter); + --rz-slider-range-border: var(--rz-border-secondary-light); + --rz-slider-handle-width: 0.75rem; + --rz-slider-handle-height: 1.5rem; + --rz-slider-handle-color: var(--rz-on-secondary); + --rz-slider-handle-background-color: var(--rz-secondary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2); + --rz-slider-handle-shadow: none; + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-secondary-light); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2); + --rz-slider-handle-focus-outline: var(--rz-outline-focus); + --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset); + --rz-slider-disabled-background-color: var(--rz-base-background-color); + --rz-slider-disabled-border: var(--rz-border-disabled); + --rz-slider-disabled-range-background-color: var(--rz-base-100); + --rz-slider-disabled-range-border: var(--rz-border-normal); + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-300); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-secondary); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.3; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-secondary); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --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-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary); + --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-background-color: var(--rz-base-200); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.5rem 0.875rem; + --rz-datepicker-calendar-header-font-size: 0.625rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light); + --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light); + --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary); + --rz-datepicker-calendar-border: var(--rz-border-base-100); + --rz-datepicker-calendar-border-radius: 0; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-secondary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: none; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 47px; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-200); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-secondary); + --rz-timepicker-button-color: var(--rz-on-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; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: 1.25rem; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0.5rem; + --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-300); + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-on-secondary); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-200); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: var(--rz-border-radius); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-300); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-secondary); + --rz-upload-choose-color: var(--rz-on-secondary); + --rz-upload-choose-hover-background-color: var(--rz-secondary); + --rz-upload-choose-hover-color: var(--rz-on-secondary); + --rz-upload-choose-active-background-color: var(--rz-secondary-dark); + --rz-upload-choose-active-color: var(--rz-on-secondary-dark); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-normal); + --rz-grid-right-cell-border: var(--rz-border-normal); + --rz-grid-bottom-cell-border: var(--rz-border-normal); + --rz-grid-cell-padding: 0.5rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: var(--rz-body-font-size); + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter); + --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter); + --rz-grid-cell-focus-outline: var(--rz-outline-focus); + --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-grid-hover-background-color: var(--rz-secondary-lighter); + --rz-grid-hover-color: var(--rz-on-secondary-lighter); + --rz-grid-focus-outline: var(--rz-outline-focus); + --rz-grid-focus-outline-offset: var(--rz-outline-offset); + --rz-grid-selected-background-color: var(--rz-secondary-dark); + --rz-grid-selected-color: var(--rz-on-secondary-dark); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: var(--rz-border-normal); + --rz-grid-header-cell-border-bottom: none; + --rz-grid-header-background-color: var(--rz-base-200); + --rz-grid-header-font-size: 0.75rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: uppercase; + --rz-grid-header-color: var(--rz-text-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.5rem; + --rz-grid-header-sorted-background-color: var(--rz-base-300); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-200); + --rz-grid-filter-background-color: var(--rz-base-100); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-normal); + --rz-grid-filter-font-size: var(--rz-body-font-size); + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: var(--rz-border-normal); + --rz-grid-filter-buttons-background-color: var(--rz-base-200); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-on-secondary); + --rz-grid-clear-filter-button-shadow: inherit; + --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: inherit; + --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-stripe-background-color: var(--rz-base-100); + --rz-grid-stripe-odd-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.5rem; + --rz-grid-column-resizer-helper-width: 0.25rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-background-color); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-normal); + --rz-grid-frozen-cell-background-color: var(--rz-base-200); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.5rem; + --rz-grid-group-header-item-background-color: var(--rz-base-background-color); + --rz-grid-group-header-item-padding: 0.5rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --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-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-color); + --rz-column-drag-handle-hover-color: var(--rz-text-color); + --rz-column-drag-handle-margin: 0 auto 0 0; + --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: var(--rz-base-background-color); + --rz-paginator-padding: 0.5rem; + --rz-paginator-border: var(--rz-border-normal); + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: 1px solid transparent; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-background-color); + --rz-paginator-numeric-button-selected-color: var(--rz-primary); + --rz-paginator-numeric-button-selected-border: var(--rz-border-base-200); + --rz-paginator-numeric-button-selected-padding: 0.4375rem; + --rz-paginator-numeric-button-min-width: 2.25rem; + --rz-paginator-back-button-background-color: var(--rz-base-200); + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-200); + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: var(--rz-base-200); + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-200); + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --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-100); +} + +.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); +} + +:root { + --rz-tree-background-color: var(--rz-base-background-color); + --rz-tree-node-padding: 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: 1px 0; + --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; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "arrow_drop_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --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-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-200); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-secondary); + --rz-scheduler-prev-next-button-color: var(--rz-on-secondary); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; + --rz-scheduler-today-button-margin-left: 0.5rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.75rem; + --rz-scheduler-today-button-text-transform: uppercase; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-on-secondary); + --rz-scheduler-view-selected-background-color: var(--rz-secondary); + --rz-scheduler-view-selected-border-color: var(--rz-secondary); + --rz-scheduler-header-background-color: var(--rz-base-200); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-info); + --rz-scheduler-event-background-color: var(--rz-info); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 1px; + --rz-scheduler-year-slot-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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1.25rem; + --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-tabs-border: var(--rz-border-base-200); + --rz-tabs-border-radius: var(--rz-border-radius); + --rz-tabs-background-color: var(--rz-base-background-color); + --rz-tabs-tab-font-size: var(--rz-body-font-size); + --rz-tabs-tab-line-height: var(--rz-body-line-height); + --rz-tabs-tab-font-weight: normal; + --rz-tabs-tab-text-transform: none; + --rz-tabs-tab-letter-spacing: 0; + --rz-tabs-tab-padding: 0.5rem 1rem; + --rz-tabs-tab-background-color: var(--rz-base-200); + --rz-tabs-tab-color: var(--rz-secondary); + --rz-tabs-tab-selected-color: var(--rz-text-title-color); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: var(--rz-base-background-color); + --rz-tabs-tab-hover-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-background-color: var(--rz-base-background-color); + --rz-tabs-tab-focus-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-outline: var(--rz-outline-focus); + --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --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); +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --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-100); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 0.6875rem 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-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 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); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --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); +} + +.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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: var(--rz-secondary); + --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius)); + --rz-scrollbar-size: 16px; +} + +.rz-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); +} + +:root { + --rz-login-register-background-color: var(--rz-base-100); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: var(--rz-base-background-color); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-200); + --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; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-legend-focus-outline: var(--rz-outline-focus); + --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset); + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --rz-editor-border: var(--rz-input-border); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary); + --rz-editor-button-selected-color: var(--rz-on-secondary); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); + --rz-editor-focus-outline: var(--rz-outline-focus); + --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-on-secondary); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-secondary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.4375rem 0.4375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.5rem 1.25rem 0.5rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-100); + --rz-form-field-filled-hover-background-color: var(--rz-base-200); + --rz-form-field-filled-border: var(--rz-input-border); + --rz-form-field-filled-hover-border: var(--rz-input-hover-border); + --rz-form-field-filled-focus-border: var(--rz-input-focus-border); + --rz-form-field-filled-border-radius: var(--rz-border-radius); + --rz-form-field-filled-label-floating-top: 0.25rem; + --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-filled-underline-display: none; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: none; + --rz-form-field-focus-shadow: none; + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0.125rem 0.1875rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 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; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/default-wcag.css b/_content/Radzen.Blazor/css/default-wcag.css new file mode 100755 index 0000000..e27ca6e --- /dev/null +++ b/_content/Radzen.Blazor/css/default-wcag.css @@ -0,0 +1,74 @@ +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #ffffff; + --rz-base-100: #f6f7fa; + --rz-base-200: #e9edf0; + --rz-base-300: #dadfe2; + --rz-base-400: #c1c9cb; + --rz-base-500: #616c75; + --rz-base-600: #5e696e; + --rz-base-700: #545e61; + --rz-base-800: #3a474d; + --rz-base-900: #28363c; + --rz-primary: #c2350a; + --rz-primary-light: #c94d27; + --rz-primary-lighter: rgba(194, 53, 10, 0.16); + --rz-primary-dark: #b23109; + --rz-primary-darker: #922808; + --rz-secondary: #076a9c; + --rz-secondary-light: #257ca8; + --rz-secondary-lighter: rgba(7, 106, 156, 0.2); + --rz-secondary-dark: #066290; + --rz-secondary-darker: #055075; + --rz-info: #026969; + --rz-info-light: #2a8181; + --rz-info-lighter: rgba(2, 105, 105, 0.2); + --rz-info-dark: #025858; + --rz-info-darker: #024f4f; + --rz-success: #0f6c23; + --rz-success-light: #358446; + --rz-success-lighter: rgba(15, 108, 35, 0.16); + --rz-success-dark: #0d5b1d; + --rz-success-darker: #0b511a; + --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: #b2242e; + --rz-danger-light: #be474f; + --rz-danger-lighter: rgba(178, 36, 46, 0.2); + --rz-danger-dark: #961e27; + --rz-danger-darker: #861b23; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #c2350a; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #076a9c; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #026969; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #0f6c23; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #000000; + --rz-on-warning-light: #000000; + --rz-on-warning-lighter: #fac152; + --rz-on-warning-dark: #000000; + --rz-on-warning-darker: #000000; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #b2242e; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/default.css b/_content/Radzen.Blazor/css/default.css new file mode 100755 index 0000000..4c2862b --- /dev/null +++ b/_content/Radzen.Blazor/css/default.css @@ -0,0 +1,25927 @@ +@charset "UTF-8"; +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #ff6d41; + --secondary: #35a0d7; + --success: #5dbf74; + --info: #2cc8c8; + --warning: #fac152; + --danger: #f9777f; + --light: #e9edf0; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + 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"; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #3a474d; + text-align: left; + background-color: #f6f7fa; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #35a0d7; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #35a0d7; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2.25rem; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.429; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #ffcfc1; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 109, 65, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.429; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.09375rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.765625rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.429; + color: #3a474d; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #5dbf74; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #212529; + background-color: rgba(93, 191, 116, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #5dbf74; + padding-right: calc(1.429em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235dbf74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.35725em + 0.1875rem); + background-size: calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.429em + 0.75rem); + background-position: top calc(0.35725em + 0.1875rem) right calc(0.35725em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #5dbf74; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235dbf74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #5dbf74; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #5dbf74; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #5dbf74; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #82cd93; + background-color: #82cd93; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #5dbf74; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #5dbf74; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f9777f; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #212529; + background-color: rgba(249, 119, 127, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #f9777f; + padding-right: calc(1.429em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f9777f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f9777f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.35725em + 0.1875rem); + background-size: calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.429em + 0.75rem); + background-position: top calc(0.35725em + 0.1875rem) right calc(0.35725em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #f9777f; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f9777f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f9777f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f9777f; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #f9777f; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #f9777f; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #fba8ad; + background-color: #fba8ad; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f9777f; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #f9777f; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.75rem; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #ff6d41; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #ff460e; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 109, 65, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #35a0d7; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #2484b5; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(53, 160, 215, 0.5); +} + +.badge-success { + color: #212529; + background-color: #5dbf74; +} +a.badge-success:hover, a.badge-success:focus { + color: #212529; + background-color: #42a75a; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.5); +} + +.badge-info { + color: #212529; + background-color: #2cc8c8; +} +a.badge-info:hover, a.badge-info:focus { + color: #212529; + background-color: #239e9e; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(44, 200, 200, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #fac152; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #f9af20; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(250, 193, 82, 0.5); +} + +.badge-danger { + color: #212529; + background-color: #f9777f; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #212529; + background-color: #f74651; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.5); +} + +.badge-light { + color: #212529; + background-color: #e9edf0; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #cbd4db; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(233, 237, 240, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 4px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3.8125rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #853922; + background-color: #ffe2d9; + border-color: #ffd6ca; +} +.alert-primary hr { + border-top-color: #ffc2b1; +} +.alert-primary .alert-link { + color: #5c2818; +} + +.alert-secondary { + color: #1c5370; + background-color: #d7ecf7; + border-color: #c6e4f4; +} +.alert-secondary hr { + border-top-color: #b1daf0; +} +.alert-secondary .alert-link { + color: #123547; +} + +.alert-success { + color: #30633c; + background-color: #dff2e3; + border-color: #d2edd8; +} +.alert-success hr { + border-top-color: #c0e6c8; +} +.alert-success .alert-link { + color: #1f4127; +} + +.alert-info { + color: #176868; + background-color: #d5f4f4; + border-color: #c4f0f0; +} +.alert-info hr { + border-top-color: #b0ebeb; +} +.alert-info .alert-link { + color: #0e3e3e; +} + +.alert-warning { + color: #82642b; + background-color: #fef3dc; + border-color: #feeecf; +} +.alert-warning hr { + border-top-color: #fde5b6; +} +.alert-warning .alert-link { + color: #5c471e; +} + +.alert-danger { + color: #813e42; + background-color: #fee4e5; + border-color: #fdd9db; +} +.alert-danger hr { + border-top-color: #fcc1c4; +} +.alert-danger .alert-link { + color: #5f2d30; +} + +.alert-light { + color: #797b7d; + background-color: #fbfbfc; + border-color: #f9fafb; +} +.alert-light hr { + border-top-color: #eaedf1; +} +.alert-light .alert-link { + color: #606263; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #ff6d41 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #ff460e !important; +} + +.bg-secondary { + background-color: #35a0d7 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #2484b5 !important; +} + +.bg-success { + background-color: #5dbf74 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #42a75a !important; +} + +.bg-info { + background-color: #2cc8c8 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #239e9e !important; +} + +.bg-warning { + background-color: #fac152 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #f9af20 !important; +} + +.bg-danger { + background-color: #f9777f !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #f74651 !important; +} + +.bg-light { + background-color: #e9edf0 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #cbd4db !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #ff6d41 !important; +} + +.border-secondary { + border-color: #35a0d7 !important; +} + +.border-success { + border-color: #5dbf74 !important; +} + +.border-info { + border-color: #2cc8c8 !important; +} + +.border-warning { + border-color: #fac152 !important; +} + +.border-danger { + border-color: #f9777f !important; +} + +.border-light { + border-color: #e9edf0 !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 4px !important; +} + +.rounded-top { + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; +} + +.rounded-right { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +.rounded-bottom { + border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-left { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #ff6d41 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #f43800 !important; +} + +.text-secondary { + color: #35a0d7 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #2074a0 !important; +} + +.text-success { + color: #5dbf74 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #3b9550 !important; +} + +.text-info { + color: #2cc8c8 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #1e8989 !important; +} + +.text-warning { + color: #fac152 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #f8a608 !important; +} + +.text-danger { + color: #f9777f !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #f62e3a !important; +} + +.text-light { + color: #e9edf0 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #bcc8d1 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #3a474d !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #ffffff; + --rz-base-100: #f6f7fa; + --rz-base-200: #e9edf0; + --rz-base-300: #dadfe2; + --rz-base-400: #c1c9cb; + --rz-base-500: #95a4a8; + --rz-base-600: #77858b; + --rz-base-700: #545e61; + --rz-base-800: #3a474d; + --rz-base-900: #28363c; + --rz-primary: #ff6d41; + --rz-primary-light: #ff7f58; + --rz-primary-lighter: rgba(255, 109, 65, 0.16); + --rz-primary-dark: #eb643c; + --rz-primary-darker: #bf5231; + --rz-secondary: #35a0d7; + --rz-secondary-light: #4dabdc; + --rz-secondary-lighter: rgba(53, 160, 215, 0.2); + --rz-secondary-dark: #3193c6; + --rz-secondary-darker: #2878a1; + --rz-info: #2cc8c8; + --rz-info-light: #4ed1d1; + --rz-info-lighter: rgba(44, 200, 200, 0.2); + --rz-info-dark: #25a8a8; + --rz-info-darker: #219696; + --rz-success: #5dbf74; + --rz-success-light: #77c98a; + --rz-success-lighter: rgba(93, 191, 116, 0.16); + --rz-success-dark: #4ea061; + --rz-success-darker: #468f57; + --rz-warning: #fac152; + --rz-warning-light: #fbcb6e; + --rz-warning-lighter: rgba(250, 193, 82, 0.2); + --rz-warning-dark: #d2a245; + --rz-warning-darker: #bc913e; + --rz-danger: #f9777f; + --rz-danger-light: #fa8d93; + --rz-danger-lighter: rgba(249, 119, 127, 0.2); + --rz-danger-dark: #d1646b; + --rz-danger-darker: #bb595f; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #ff6d41; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #35a0d7; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #2cc8c8; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #5dbf74; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #ffffff; + --rz-on-warning-light: #ffffff; + --rz-on-warning-lighter: #fac152; + --rz-on-warning-dark: #ffffff; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #f9777f; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #0479cc; + --rz-series-2: #68d5c8; + --rz-series-3: #ff6d41; + --rz-series-4: #cb6992; + --rz-series-5: #e6c54f; + --rz-series-6: #f9777f; + --rz-series-7: #5dbf74; + --rz-series-8: #4db9f2; + --rz-series-9: #06a9e0; + --rz-series-10: #92e6de; + --rz-series-11: #ff995b; + --rz-series-12: #e093be; + --rz-series-13: #f0dc6f; + --rz-series-14: #fba7b2; + --rz-series-15: #82d9a2; + --rz-series-16: #6cd5f7; + --rz-series-17: #0063c2; + --rz-series-18: #50cdbe; + --rz-series-19: #ff5628; + --rz-series-20: #c1527f; + --rz-series-21: #e1ba36; + --rz-series-22: #f8616a; + --rz-series-23: #45b35e; + --rz-series-24: #34acef; +} + +:root { + --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-100); + --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --rz-icon-size: 1.25rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-secondary); +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-500); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-500) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --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); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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; +} + +:root { + --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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.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-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +label { + margin-bottom: 0; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +::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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-light.rz-variant-flat:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-lg { + font-size: 1rem; + font-weight: 600; + 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)); +} +.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-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: var(--rz-body-font-size); + font-weight: 600; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0.5rem 1rem 0.5rem 0.5rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: var(--rz-body-font-size); + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1.25rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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 { + font-size: 0.75rem; + font-weight: 600; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.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-paginator-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); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: 10rem; + --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: 700; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: uppercase; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: 0.875rem; + --rz-input-height: 2.25rem; + --rz-input-line-height: 1.429; + --rz-input-padding: 0.4375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-disabled-background-color: var(--rz-base-100); + --rz-input-disabled-color: var(--rz-text-tertiary-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-background-color); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: var(--rz-border-base-200); + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: none; +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: var(--rz-border-base-200); + --rz-footer-color: var(--rz-text-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 250px; + --rz-sidebar-border-right: var(--rz-border-normal); + --rz-sidebar-background-color: var(--rz-base-800); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1.25rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-100); + --rz-card-shadow: var(--rz-shadow-2); + --rz-card-border: var(--rz-border-normal); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.25rem 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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-secondary); + --rz-accordion-hover-color: var(--rz-secondary); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --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-200); + --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus); + --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset); + --rz-panel-hover-color: var(--rz-secondary); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: none; +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: var(--rz-border-base-200); + --rz-sidebar-toggle-color: var(--rz-base-900); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-secondary); + --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-border-radius: 0; + --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus); + --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --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: 0.5rem 1rem 0.5rem 0.5rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-on-secondary-light); + --rz-menu-item-hover-background-color: var(--rz-secondary-light); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --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: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-text-color); + --rz-menu-top-item-background-color: var(--rz-base-background-color); + --rz-menu-top-item-hover-color: var(--rz-secondary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-secondary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-secondary); + --rz-context-menu-padding: 0; + --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1); +} + +.rz-context-menu .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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-contrast-color); + --rz-panel-menu-background-color: var(--rz-base-800); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3); + --rz-panel-menu-hover-color: var(--rz-text-contrast-color); + --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: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-900); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-900); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-contrast-color); + --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: 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 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-hover-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.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; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-base-background-color); + --rz-profile-menu-border: var(--rz-border-base-200); + --rz-profile-menu-padding: 0.625rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-secondary); + --rz-profile-menu-item-hover-background-color: var(--rz-secondary); + --rz-profile-menu-item-focus-outline: var(--rz-outline-focus); + --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-profile-menu-item-icon-width: var(--rz-icon-size); + --rz-profile-menu-item-icon-height: var(--rz-icon-size); + --rz-profile-menu-item-icon-font-size: var(--rz-icon-size); + --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-color); + --rz-steps-number-background-color: var(--rz-base-200); + --rz-steps-number-selected-color: var(--rz-on-secondary); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-number-focus-outline: var(--rz-outline-focus); + --rz-steps-number-focus-outline-offset: var(--rz-outline-offset); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 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); + --rz-checkbox-checked-hover-border: var(--rz-input-border); + --rz-checkbox-checked-disabled-border: var(--rz-input-border); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --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); +} + +.rz-switch { + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.26rem; + height: 1.26rem; + left: 0.27rem; + margin-top: -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: ""; + top: 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); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 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); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-normal); + --rz-fieldset-border-radius: 0; + --rz-fieldset-padding: 1.25rem; + --rz-fieldset-legend-color: var(--rz-text-tertiary-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 1rem; + --rz-fieldset-toggle-width: 1.125rem; + --rz-fieldset-toggle-margin: 0 0.5rem 0 0; + --rz-fieldset-toggle-height: 1.125rem; + --rz-fieldset-toggle-background-color: var(--rz-base-200); + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1rem; + --rz-fieldset-toggle-border: none; + --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus); + --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --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: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-100); + --rz-dropdown-filter-padding: 0.5rem 0; + --rz-dropdown-open-background-color: var(--rz-base-background-color); + --rz-dropdown-open-border: var(--rz-input-border); + --rz-dropdown-panel-border: var(--rz-input-border); + --rz-dropdown-panel-shadow: none; + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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: 0 0.5rem 0 0; + --rz-listbox-header-padding: 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; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-background-color); + --rz-slider-border: var(--rz-border-normal); + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.5rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-secondary-lighter); + --rz-slider-range-border: var(--rz-border-secondary-light); + --rz-slider-handle-width: 0.75rem; + --rz-slider-handle-height: 1.5rem; + --rz-slider-handle-color: var(--rz-on-secondary); + --rz-slider-handle-background-color: var(--rz-secondary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2); + --rz-slider-handle-shadow: none; + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-secondary-light); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2); + --rz-slider-handle-focus-outline: var(--rz-outline-focus); + --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset); + --rz-slider-disabled-background-color: var(--rz-base-background-color); + --rz-slider-disabled-border: var(--rz-border-disabled); + --rz-slider-disabled-range-background-color: var(--rz-base-100); + --rz-slider-disabled-range-border: var(--rz-border-normal); + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-300); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-secondary); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.3; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-secondary); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --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-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary); + --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-background-color: var(--rz-base-200); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.5rem 0.875rem; + --rz-datepicker-calendar-header-font-size: 0.625rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light); + --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light); + --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary); + --rz-datepicker-calendar-border: var(--rz-border-base-100); + --rz-datepicker-calendar-border-radius: 0; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-secondary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: none; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 47px; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-200); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-secondary); + --rz-timepicker-button-color: var(--rz-on-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; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: 1.25rem; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0.5rem; + --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-300); + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-on-secondary); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-200); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: var(--rz-border-radius); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-300); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-secondary); + --rz-upload-choose-color: var(--rz-on-secondary); + --rz-upload-choose-hover-background-color: var(--rz-secondary); + --rz-upload-choose-hover-color: var(--rz-on-secondary); + --rz-upload-choose-active-background-color: var(--rz-secondary-dark); + --rz-upload-choose-active-color: var(--rz-on-secondary-dark); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-normal); + --rz-grid-right-cell-border: var(--rz-border-normal); + --rz-grid-bottom-cell-border: var(--rz-border-normal); + --rz-grid-cell-padding: 0.5rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: var(--rz-body-font-size); + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter); + --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter); + --rz-grid-cell-focus-outline: var(--rz-outline-focus); + --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-grid-hover-background-color: var(--rz-secondary-lighter); + --rz-grid-hover-color: var(--rz-on-secondary-lighter); + --rz-grid-focus-outline: var(--rz-outline-focus); + --rz-grid-focus-outline-offset: var(--rz-outline-offset); + --rz-grid-selected-background-color: var(--rz-secondary-dark); + --rz-grid-selected-color: var(--rz-on-secondary-dark); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: var(--rz-border-normal); + --rz-grid-header-cell-border-bottom: none; + --rz-grid-header-background-color: var(--rz-base-200); + --rz-grid-header-font-size: 0.75rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: uppercase; + --rz-grid-header-color: var(--rz-text-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.5rem; + --rz-grid-header-sorted-background-color: var(--rz-base-300); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-200); + --rz-grid-filter-background-color: var(--rz-base-100); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-normal); + --rz-grid-filter-font-size: var(--rz-body-font-size); + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: var(--rz-border-normal); + --rz-grid-filter-buttons-background-color: var(--rz-base-200); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-on-secondary); + --rz-grid-clear-filter-button-shadow: inherit; + --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: inherit; + --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-stripe-background-color: var(--rz-base-100); + --rz-grid-stripe-odd-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.5rem; + --rz-grid-column-resizer-helper-width: 0.25rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-background-color); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-normal); + --rz-grid-frozen-cell-background-color: var(--rz-base-200); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.5rem; + --rz-grid-group-header-item-background-color: var(--rz-base-background-color); + --rz-grid-group-header-item-padding: 0.5rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --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-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-color); + --rz-column-drag-handle-hover-color: var(--rz-text-color); + --rz-column-drag-handle-margin: 0 auto 0 0; + --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: var(--rz-base-background-color); + --rz-paginator-padding: 0.5rem; + --rz-paginator-border: var(--rz-border-normal); + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: 1px solid transparent; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-background-color); + --rz-paginator-numeric-button-selected-color: var(--rz-primary); + --rz-paginator-numeric-button-selected-border: var(--rz-border-base-200); + --rz-paginator-numeric-button-selected-padding: 0.4375rem; + --rz-paginator-numeric-button-min-width: 2.25rem; + --rz-paginator-back-button-background-color: var(--rz-base-200); + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-200); + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: var(--rz-base-200); + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-200); + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --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-100); +} + +.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); +} + +:root { + --rz-tree-background-color: var(--rz-base-background-color); + --rz-tree-node-padding: 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: 1px 0; + --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; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "arrow_drop_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --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-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-200); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-secondary); + --rz-scheduler-prev-next-button-color: var(--rz-on-secondary); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; + --rz-scheduler-today-button-margin-left: 0.5rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.75rem; + --rz-scheduler-today-button-text-transform: uppercase; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-on-secondary); + --rz-scheduler-view-selected-background-color: var(--rz-secondary); + --rz-scheduler-view-selected-border-color: var(--rz-secondary); + --rz-scheduler-header-background-color: var(--rz-base-200); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-info); + --rz-scheduler-event-background-color: var(--rz-info); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 1px; + --rz-scheduler-year-slot-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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1.25rem; + --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-tabs-border: var(--rz-border-base-200); + --rz-tabs-border-radius: var(--rz-border-radius); + --rz-tabs-background-color: var(--rz-base-background-color); + --rz-tabs-tab-font-size: var(--rz-body-font-size); + --rz-tabs-tab-line-height: var(--rz-body-line-height); + --rz-tabs-tab-font-weight: normal; + --rz-tabs-tab-text-transform: none; + --rz-tabs-tab-letter-spacing: 0; + --rz-tabs-tab-padding: 0.5rem 1rem; + --rz-tabs-tab-background-color: var(--rz-base-200); + --rz-tabs-tab-color: var(--rz-secondary); + --rz-tabs-tab-selected-color: var(--rz-text-title-color); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: var(--rz-base-background-color); + --rz-tabs-tab-hover-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-background-color: var(--rz-base-background-color); + --rz-tabs-tab-focus-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-outline: var(--rz-outline-focus); + --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --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: 0.875rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --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-100); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 0.6875rem 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-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 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); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1rem; + --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); +} + +.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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: var(--rz-secondary); + --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius)); + --rz-scrollbar-size: 16px; +} + +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); +} + +:root { + --rz-login-register-background-color: var(--rz-base-100); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: var(--rz-base-background-color); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-200); + --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; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-legend-focus-outline: var(--rz-outline-focus); + --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset); + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --rz-editor-border: var(--rz-input-border); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary); + --rz-editor-button-selected-color: var(--rz-on-secondary); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); + --rz-editor-focus-outline: var(--rz-outline-focus); + --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-on-secondary); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-secondary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: 4px; + --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); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.4375rem 0.4375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.5rem 1.25rem 0.5rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-100); + --rz-form-field-filled-hover-background-color: var(--rz-base-200); + --rz-form-field-filled-border: var(--rz-input-border); + --rz-form-field-filled-hover-border: var(--rz-input-hover-border); + --rz-form-field-filled-focus-border: var(--rz-input-focus-border); + --rz-form-field-filled-border-radius: var(--rz-border-radius); + --rz-form-field-filled-label-floating-top: 0.25rem; + --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-filled-underline-display: none; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: none; + --rz-form-field-focus-shadow: none; + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0.125rem 0.1875rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 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; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/fluent-base.css b/_content/Radzen.Blazor/css/fluent-base.css new file mode 100755 index 0000000..6693cf1 --- /dev/null +++ b/_content/Radzen.Blazor/css/fluent-base.css @@ -0,0 +1,20032 @@ +@charset "UTF-8"; +/*! +The contents of this file are copyrighted and cannot be used outside of blazor.radzen.com +To use it in your application you need an active Radzen/Radzen Blazor Studio Professional or Enterprise subscription - https://www.radzen.com/princing +Any questions concerning the use or status of this file should be directed to info@radzen.com +*/ +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-text-contrast-color); +} + +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + top: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.125rem !important; + width: 0.1875rem !important; + border-radius: var(--rz-border-radius); +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-switch .rz-switch-circle { + box-shadow: inset 0 0 0 1px var(--rz-base-800); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + box-shadow: none; +} + +.rz-dropdown-item.rz-state-highlight { + position: relative; +} +.rz-dropdown-item.rz-state-highlight:after { + content: ""; + position: absolute; + top: 0.5rem; + bottom: 0.5rem; + left: 0.125rem; + width: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: var(--rz-primary); +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} + +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-200); + --rz-grid-header-cell-border: var(--rz-border-base-200); +} + +.rz-view-header { + border-top: none !important; +} + +.rz-tabview-nav { + z-index: 0; +} +.rz-tabview-nav li { + position: relative; +} +.rz-tabview-nav li:after { + z-index: -1; + content: ""; + position: absolute; + bottom: 0.125rem; + left: 0.625rem; + right: 0.625rem; + height: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: transparent; +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after { + background-color: var(--rz-base-300); +} +.rz-tabview-nav li.rz-tabview-selected:after { + background-color: var(--rz-primary); +} +.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected { + margin-bottom: 0; +} +.rz-tabview-bottom > .rz-tabview-nav li:after { + top: 0.125rem; +} +.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected { + margin-top: 0; + padding-top: 0; +} +.rz-tabview-left > .rz-tabview-nav li:after { + left: auto; + right: 0.125rem; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected { + margin-right: 0; +} +.rz-tabview-right > .rz-tabview-nav li:after { + left: 0.125rem; + right: auto; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected { + margin-left: 0; + padding-left: 0; +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #f5f5f5; + --rz-base-100: #f3f2f1; + --rz-base-200: #edebe9; + --rz-base-300: #d2d0ce; + --rz-base-400: #a19f9d; + --rz-base-500: #8a8886; + --rz-base-600: #605e5c; + --rz-base-700: #616161; + --rz-base-800: #323130; + --rz-base-900: #201f1e; + --rz-primary: #0078d4; + --rz-primary-light: #80bcea; + --rz-primary-lighter: #deedf9; + --rz-primary-dark: #006cbf; + --rz-primary-darker: #005a9f; + --rz-secondary: #8a8886; + --rz-secondary-light: #c5c4c3; + --rz-secondary-lighter: #f0f0ef; + --rz-secondary-dark: #7c7a79; + --rz-secondary-darker: #686665; + --rz-info: #00b7c3; + --rz-info-light: #80dbe1; + --rz-info-lighter: #def6f7; + --rz-info-dark: #00a5b0; + --rz-info-darker: #008992; + --rz-success: #107c10; + --rz-success-light: #88be88; + --rz-success-lighter: #e0eee0; + --rz-success-dark: #0e700e; + --rz-success-darker: #0c5d0c; + --rz-warning: #ffc80a; + --rz-warning-light: #ffe485; + --rz-warning-lighter: #fff8df; + --rz-warning-dark: #e6b409; + --rz-warning-darker: #bf9608; + --rz-danger: #a4262c; + --rz-danger-light: #d29396; + --rz-danger-lighter: #f3e3e4; + --rz-danger-dark: #942228; + --rz-danger-darker: #7b1d21; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #005a9f; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #686665; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #008992; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #0c5d0c; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #201f1e; + --rz-on-warning-light: #201f1e; + --rz-on-warning-lighter: #bf9608; + --rz-on-warning-dark: #201f1e; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #7b1d21; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #0078d4; + --rz-series-2: #b4a0ff; + --rz-series-3: #d83b01; + --rz-series-4: #ffb900; + --rz-series-5: #fff100; + --rz-series-6: #107c10; + --rz-series-7: #32145a; + --rz-series-8: #005a9e; + --rz-series-9: #409adf; + --rz-series-10: #c7b8ff; + --rz-series-11: #e26c40; + --rz-series-12: #ffca40; + --rz-series-13: #fff870; + --rz-series-14: #4c9d4c; + --rz-series-15: #654f83; + --rz-series-16: #4083b6; + --rz-series-17: #80bcea; + --rz-series-18: #dacfff; + --rz-series-19: #ec9d80; + --rz-series-20: #ffdc80; + --rz-series-21: #fffa9f; + --rz-series-22: #87be87; + --rz-series-23: #9989ad; + --rz-series-24: #80adce; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 0.875rem; + --rz-body-line-height: 1.42857143; + --rz-body-background-color: var(--rz-base-50); + --rz-text-font-family: Segoe UI, Segoe UI Web, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif; + --rz-icon-size: 1rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-400); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-400) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --rz-link-color: var(--rz-primary); + --rz-link-text-decoration: none; + --rz-link-hover-color: var(--rz-primary-dark); + --rz-link-hover-text-decoration: underline; +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-100); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14); + --rz-shadow-2: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14); + --rz-shadow-3: 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-4: 0 0 2px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.14); + --rz-shadow-5: 0 0 8px rgba(0, 0, 0, 0.12), 0 14px 28px rgba(0, 0, 0, 0.14); + --rz-shadow-6: 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-7: 0 0 16px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-8: 0 0 24px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-9: 0 0 32px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-10: 0 0 40px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 400; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3.25rem, 4.722vw, 4.25rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 400; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(2rem, 2.917vw, 2.625rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 400; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: 2.625rem; + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 400; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: 2rem; + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 400; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: 1.75rem; + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: 1.5rem; + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: 1.25rem; + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: 1rem; + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 400; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: normal; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: normal; + --rz-text-subtitle2-font-weight: 400; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: normal; + --rz-text-body1-font-weight: 400; + --rz-text-body1-color: var(--rz-text-title-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: normal; + --rz-text-body2-font-weight: 400; + --rz-text-body2-color: var(--rz-text-title-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 400; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-title-color); + --rz-text-button-margin-bottom: 0.5rem; + --rz-text-caption-font-size: 0.75rem; + --rz-text-caption-line-height: normal; + --rz-text-caption-font-weight: 400; + --rz-text-caption-color: var(--rz-text-title-color); + --rz-text-caption-margin-bottom: 0.5rem; + --rz-text-overline-font-size: 0.625rem; + --rz-text-overline-line-height: normal; + --rz-text-overline-font-weight: 400; + --rz-text-overline-text-transform: uppercase; + --rz-text-overline-color: var(--rz-text-title-color); + --rz-text-overline-margin-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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); + color: var(--rz-text-display-h2-color); + margin-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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); + color: var(--rz-text-display-h3-color); + margin-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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); + color: var(--rz-text-display-h4-color); + margin-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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); + color: var(--rz-text-display-h5-color); + margin-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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); + color: var(--rz-text-display-h6-color); + margin-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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); + color: var(--rz-text-h1-color); + margin-bottom: var(--rz-text-h1-margin-bottom); +} + +.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); + color: var(--rz-text-h2-color); + margin-bottom: var(--rz-text-h2-margin-bottom); +} + +.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); + color: var(--rz-text-h3-color); + margin-bottom: var(--rz-text-h3-margin-bottom); +} + +.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); + color: var(--rz-text-h4-color); + margin-bottom: var(--rz-text-h4-margin-bottom); +} + +.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); + color: var(--rz-text-h5-color); + margin-bottom: var(--rz-text-h5-margin-bottom); +} + +.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); + color: var(--rz-text-h6-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle1-color); + margin-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle2-color); + margin-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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); + color: var(--rz-text-body1-color); + margin-bottom: var(--rz-text-body1-margin-bottom); +} + +.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); + color: var(--rz-text-body2-color); + margin-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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); + color: var(--rz-text-caption-color); + margin-bottom: var(--rz-text-caption-margin-bottom); +} + +.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); + text-transform: var(--rz-text-overline-text-transform); + color: var(--rz-text-overline-color); + margin-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius); + --rz-button-shadow: var(--rz-shadow-0); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-0); + --rz-button-hover-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-0); + --rz-button-focus-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: none; + --rz-button-active-shadow: var(--rz-shadow-0); + --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.5; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-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-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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.875rem 1.75rem; + height: auto; + line-height: 1rem; + min-height: 2.75rem; + min-width: 2.75rem; +} +.rz-button-lg .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1.25rem; + height: auto; + line-height: 1rem; + min-height: 2rem; + min-width: 2rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 1rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 0.5rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.125rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --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: none; + --rz-badge-letter-spacing: normal; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-600); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2rem; + --rz-input-line-height: 1.42857143; + --rz-input-padding: 0.3125rem 0.5rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-100); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all); +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-primary); + --rz-header-min-height: 3rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-contrast-color); + --rz-header-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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: var(--rz-border-base-200); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-text-color); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 0.75rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-200); + --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; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.5rem 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-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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 0.75rem; + --rz-panel-title-line-height: 1.25rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-2); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: var(--rz-icon-size); + --rz-sidebar-toggle-icon-height: var(--rz-icon-size); + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 1rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-contrast-color); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-text-contrast-color); + --rz-sidebar-toggle-hover-background-color: var(--rz-primary-dark); + --rz-sidebar-toggle-hover-border-radius: 0; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-background-color); + --rz-menu-border: none; + --rz-menu-border-radius: calc(2 * var(--rz-border-radius)); + --rz-menu-item-padding: 0.375rem 0.75rem 0.375rem 0.625rem; + --rz-menu-item-border-radius: var(--rz-border-radius); + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-text-title-color); + --rz-menu-item-hover-background-color: var(--rz-base-100); + --rz-menu-item-selected-color: var(--rz-text-title-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-primary); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 0.375rem 0.625rem; + --rz-menu-top-item-border-radius: var(--rz-border-radius); + --rz-menu-top-item-color: var(--rz-text-contrast-color); + --rz-menu-top-item-background-color: var(--rz-primary); + --rz-menu-top-item-hover-color: var(--rz-text-contrast-color); + --rz-menu-top-item-hover-background-color: var(--rz-primary-dark); + --rz-menu-top-item-selected-color: var(--rz-text-contrast-color); + --rz-menu-top-item-icon-color: var(--rz-text-contrast-color); + --rz-menu-top-item-icon-hover-color: var(--rz-text-contrast-color); + --rz-context-menu-padding: 0.25rem; + --rz-context-menu-box-shadow: var(--rz-shadow-4); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-color); + --rz-panel-menu-background-color: var(--rz-base-background-color); + --rz-panel-menu-hover-background-color: var(--rz-base-100); + --rz-panel-menu-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-line-height: 1.25rem; + --rz-panel-menu-item-padding: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-200); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-100); + --rz-panel-menu-item-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-active-color: var(--rz-text-title-color); + --rz-panel-menu-item-active-indicator: var(--rz-primary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.25rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.75rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.25rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --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-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-base-100); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-base-100); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem; + --rz-panel-menu-icon-2nd-level-icon-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-primary); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 0.75rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-contrast-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-100); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-primary); + --rz-steps-title-selected-color: var(--rz-primary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: var(--rz-border-radius); + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-dark); + --rz-checkbox-checked-disabled-background-color: var(--rz-primary); + --rz-checkbox-checked-color: var(--rz-text-contrast-color); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary-dark); + --rz-checkbox-checked-disabled-border: var(--rz-border-primary); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: transparent; + --rz-switch-checked-background-color: var(--rz-primary); + --rz-switch-box-shadow: none; + --rz-switch-circle-background-color: var(--rz-text-color); + --rz-switch-checked-circle-background-color: var(--rz-text-contrast-color); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.5rem; + min-width: 2.5rem; + height: 1.25rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 0.75rem; + height: 0.75rem; + left: 0.25rem; + margin-top: -0.375rem; + 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: ""; + top: 50%; +} + +.rz-switch-circle.rz-disabled:before { + box-shadow: none; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + background: var(--rz-switch-checked-circle-background-color); + transform: translateX(1.25rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: --rz-base-background-color; + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-primary); + --rz-radio-checked-hover-background-color: var(--rz-primary-dark); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-base-background-color); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: --rz-base-background-color; + --rz-radio-icon-width: 0.5rem; + --rz-radio-icon-height: 0.5rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-200); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: 1.25rem; + --rz-dropdown-trigger-icon-height: 1.25rem; + --rz-dropdown-trigger-icon-margin: 0 0.25rem 0 0; + --rz-dropdown-horizontal-padding: 0.6875rem; + --rz-dropdown-panel-padding: 0 0.6875rem; + --rz-dropdown-items-margin: 0 -0.6875rem; + --rz-dropdown-items-padding: 0.25rem 0.0625rem; + --rz-dropdown-item-padding: 0.375rem 0.6875rem; + --rz-dropdown-item-font-size: var(--rz-base-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-100); + --rz-dropdown-item-selected-background-color: var(--rz-base-100); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-hover-background-color: var(--rz-base-200); + --rz-dropdown-item-selected-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.25; + --rz-dropdown-label-padding: 0 calc(var(--rz-dropdown-trigger-icon-width) / 2 + 0.125rem) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-200); + --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: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-6); + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "expand_more"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0.25rem; +} +.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.25rem; +} + +.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-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-200); + --rz-listbox-padding: 0.25rem; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 0.5rem 0 0; + --rz-listbox-header-padding: 0.375rem 0.9375rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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.25rem; +} + +.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.25rem; +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-600); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.25rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 1.25rem; + --rz-slider-handle-height: 1.25rem; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: var(--rz-border-base-300); + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: inset 0 0 0 0.25rem var(--rz-white); + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-primary-dark); + --rz-slider-handle-hover-border: var(--rz-border-base-300); + --rz-slider-handle-hover-shadow: inset 0 0 0 0.1875rem var(--rz-white); + --rz-slider-disabled-background-color: var(--rz-base-200); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-400); + --rz-slider-disabled-range-border: var(--rz-border-base-400); + --rz-slider-disabled-handle-border: var(--rz-border-base-200); + --rz-slider-disabled-handle-background-color: var(--rz-base-400); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-tertiary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: 1.25rem; + --rz-rating-selected-color: var(--rz-text-title-color); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-tertiary-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-normal); + --rz-selectbar-selected-background-color: var(--rz-primary); + --rz-selectbar-selected-color: var(--rz-text-contrast-color); + --rz-selectbar-selected-border: var(--rz-border-primary); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-6); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: transparent; + --rz-datepicker-header-color: var(--rz-text-title-color); + --rz-datepicker-header-padding: 0 0.5rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-header-text-transform: none; + --rz-datepicker-calendar-header-color: var(--rz-text-title-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-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-200); + --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-background-color: var(--rz-primary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-dark); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-primary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 2.625rem; + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0 0.5rem 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-primary); + --rz-timepicker-button-color: var(--rz-text-contrast-color); + --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.25rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: none; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-numeric-button-width: 1.5rem; + --rz-numeric-button-height: 0.875rem; + --rz-numeric-button-offset: 0.0625rem; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-100); + --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-200); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-300); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-300); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-300); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-200); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-200); + --rz-grid-cell-padding: 0.25rem 0.75rem; + --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-hover-background-color: var(--rz-base-200); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-selected-background-color: var(--rz-primary); + --rz-grid-selected-color: var(--rz-text-contrast-color); + --rz-grid-stripe-background-color: var(--rz-white); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-200); + --rz-grid-header-background-color: var(--rz-white); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.75rem; + --rz-grid-header-sorted-background-color: var(--rz-base-200); + --rz-grid-header-padding: 0.75rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-100); + --rz-grid-filter-background-color: var(--rz-base-50); + --rz-grid-filter-padding: 0.25rem 0.75rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-base-200); + --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: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-50); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-clear-filter-button-shadow: inherit; + --rz-grid-apply-filter-button-background-color: var(--rz-primary); + --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-apply-filter-button-shadow: inherit; + --rz-grid-header-filter-icon-margin: 0 0.75rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-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.5rem 0; + --rz-grid-detail-template-background-color: var(--rz-base-100); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-200); + --rz-grid-frozen-cell-background-color: var(--rz-white); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.25rem 0.75rem; + --rz-grid-group-header-item-background-color: var(--rz-base-200); + --rz-grid-group-header-item-padding: 0.25rem 0.25rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: none; + --rz-grid-group-header-item-border-radius: var(--rz-border-radius); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-title-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-3); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 0.75rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: transparent; + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.0625rem; + --rz-paginator-numeric-button-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-selected-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-min-width: 2rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: transparent; + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.125rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.125rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: transparent; + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.125rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-background-color); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.375rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-base-200); + --rz-tree-node-selected-color: var(--rz-text-title-color); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 1px 0; + --rz-tree-node-hover-background-color: var(--rz-base-200); + --rz-tree-node-hover-color: var(--rz-text-title-color); + --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); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "keyboard_arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "keyboard_arrow_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-0); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.25rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.75rem 0.75rem 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-50); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 600; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: transparent; + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem 0.5625rem 0.3125rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: var(--rz-border-radius); + --rz-scheduler-today-button-margin-left: 0.25rem; + --rz-scheduler-today-button-padding: 0.3125rem 0.75rem; + --rz-scheduler-today-button-font-size: var(--rz-base-font-size); + --rz-scheduler-today-button-text-transform: none; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-color); + --rz-scheduler-view-button-background-color: transparent; + --rz-scheduler-view-selected-color: var(--rz-text-contrast-color); + --rz-scheduler-view-selected-background-color: var(--rz-primary); + --rz-scheduler-view-selected-border-color: var(--rz-primary); + --rz-scheduler-header-background-color: var(--rz-base-50); + --rz-scheduler-header-font-size: var(--rz-base-font-size); + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: none; + --rz-scheduler-header-color: var(--rz-text-title-color); + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-text-title-color); + --rz-scheduler-event-background-color: var(--rz-info-light); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 1px; + --rz-scheduler-year-slot-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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 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: 0.625rem 0.75rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-color); + --rz-tabs-tab-selected-color: var(--rz-text-title-color); + --rz-tabs-tab-selected-top-border-color: transparent; + --rz-tabs-tab-hover-background-color: transparent; + --rz-tabs-tab-hover-color: var(--rz-text-title-color); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 0; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-white); + --rz-tooltip-color: var(--rz-text-color); + --rz-tooltip-shadow: var(--rz-shadow-5); + --rz-tooltip-padding: 0.375rem 0.75rem; + --rz-tooltip-border-radius: var(--rz-border-radius); + --rz-tooltip-font-size: 0.75rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-background-color); + --rz-dialog-shadow: var(--rz-shadow-6); + --rz-dialog-title-background-color: var(--rz-base-background-color); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.25rem 1.25rem 0; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.75rem; + --rz-dialog-title-font-weight: 600; + --rz-dialog-title-letter-spacing: 0; + --rz-dialog-title-color: var(--rz-text-title-color); + --rz-dialog-close-font-size: 1.5rem; + --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-700); + --rz-dialog-border-radius: calc(2 * var(--rz-border-radius)); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 0.5rem 0.75rem; + --rz-notification-icon-margin: 0.125rem 0.5rem 0 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-text-color); + --rz-notification-success-background-color: var(--rz-success-lighter); + --rz-notification-success-icon-color: var(--rz-success); + --rz-notification-warning-color: var(--rz-text-color); + --rz-notification-warning-background-color: var(--rz-warning-lighter); + --rz-notification-warning-icon-color: var(--rz-warning); + --rz-notification-error-color: var(--rz-text-color); + --rz-notification-error-background-color: var(--rz-danger-lighter); + --rz-notification-error-icon-color: var(--rz-danger); + --rz-notification-info-color: var(--rz-text-color); + --rz-notification-info-background-color: var(--rz-info-lighter); + --rz-notification-info-icon-color: var(--rz-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(164, 38, 44, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(0, 0, 0, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +.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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --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-primary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-200); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.1875rem; + --rz-progressbar-border-radius: var(--rz-border-radius); + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 2.5px; + --rz-progressbar-circular-value-stroke-width: 2.5px; + --rz-progressbar-circular-value-endpoint: round; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-base-600); + --rz-chart-axis-font-size: 0.75rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-normal); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-50); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: transparent; + --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-base-300); + --rz-editor-button-selected-color: var(--rz-text-title-color); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --rz-colorpicker-panel-border: var(--rz-border-normal); + --rz-colorpicker-panel-background-color: var(--rz-base-background-color); + --rz-colorpicker-panel-shadow: var(--rz-shadow-6); + --rz-colorpicker-panel-padding: 0.5rem; + --rz-colorpicker-panel-max-width: 20rem; + --rz-colorpicker-saturation-height: 256px; + --rz-colorpicker-value-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; + --rz-colorpicker-handle-size: 12px; + --rz-colorpicker-handle-border: 1px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, var(--rz-shadow-3); + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-text-contrast-color); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: calc(1.25 * var(--rz-icon-size)); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.3125rem 0.5rem 0.3125rem; + --rz-form-field-filled-numeric-padding: 1.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-100); + --rz-form-field-filled-hover-background-color: var(--rz-base-200); + --rz-form-field-filled-border: var(--rz-input-border); + --rz-form-field-filled-hover-border: var(--rz-input-hover-border); + --rz-form-field-filled-focus-border: var(--rz-input-focus-border); + --rz-form-field-filled-border-radius: var(--rz-border-radius); + --rz-form-field-filled-label-floating-top: 0.25rem; + --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-filled-underline-display: none; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: none; + --rz-form-field-focus-shadow: none; + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0.125rem 0.25rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 0.25rem; + --rz-form-field-label-textarea-top: 0.25rem; + --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.5625rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/fluent-dark-base.css b/_content/Radzen.Blazor/css/fluent-dark-base.css new file mode 100755 index 0000000..321549b --- /dev/null +++ b/_content/Radzen.Blazor/css/fluent-dark-base.css @@ -0,0 +1,20036 @@ +@charset "UTF-8"; +/*! +The contents of this file are copyrighted and cannot be used outside of blazor.radzen.com +To use it in your application you need an active Radzen/Radzen Blazor Studio Professional or Enterprise subscription - https://www.radzen.com/princing +Any questions concerning the use or status of this file should be directed to info@radzen.com +*/ +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-text-contrast-color); +} + +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + top: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.125rem !important; + width: 0.1875rem !important; + border-radius: var(--rz-border-radius); +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-chkbox-icon.rzi { + font-weight: bold; +} + +.rz-switch .rz-switch-circle { + box-shadow: inset 0 0 0 1px var(--rz-base-100); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + box-shadow: none; +} + +.rz-dropdown-item.rz-state-highlight { + position: relative; +} +.rz-dropdown-item.rz-state-highlight:after { + content: ""; + position: absolute; + top: 0.5rem; + bottom: 0.5rem; + left: 0.125rem; + width: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: var(--rz-primary); +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} + +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-300); + --rz-grid-header-cell-border: var(--rz-border-base-300); +} + +.rz-view-header { + border-top: none !important; +} + +.rz-tabview-nav { + z-index: 0; +} +.rz-tabview-nav li { + position: relative; +} +.rz-tabview-nav li:after { + z-index: -1; + content: ""; + position: absolute; + bottom: 0.125rem; + left: 0.625rem; + right: 0.625rem; + height: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: transparent; +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after { + background-color: var(--rz-base-200); +} +.rz-tabview-nav li.rz-tabview-selected:after { + background-color: var(--rz-primary); +} +.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected { + margin-bottom: 0; +} +.rz-tabview-bottom > .rz-tabview-nav li:after { + top: 0.125rem; +} +.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected { + margin-top: 0; + padding-top: 0; +} +.rz-tabview-left > .rz-tabview-nav li:after { + left: auto; + right: 0.125rem; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected { + margin-right: 0; +} +.rz-tabview-right > .rz-tabview-nav li:after { + left: 0.125rem; + right: auto; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected { + margin-left: 0; + padding-left: 0; +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #0a0a0a; + --rz-base-50: #d6d6d6; + --rz-base-100: #adadad; + --rz-base-200: #5c5c5c; + --rz-base-300: #3d3d3d; + --rz-base-400: #383838; + --rz-base-500: #333333; + --rz-base-600: #2e2e2e; + --rz-base-700: #292929; + --rz-base-800: #1f1f1f; + --rz-base-900: #141414; + --rz-primary: #479ef5; + --rz-primary-light: #62abf5; + --rz-primary-lighter: #96c6fa; + --rz-primary-dark: #115fa3; + --rz-primary-darker: #0c3a5e; + --rz-secondary: #2e2e2e; + --rz-secondary-light: #3b3b3b; + --rz-secondary-lighter: #727272; + --rz-secondary-dark: #2a2a2a; + --rz-secondary-darker: #1e1e1e; + --rz-info: #2886de; + --rz-info-light: #3a93e6; + --rz-info-lighter: #99c5f5; + --rz-info-dark: #2477c5; + --rz-info-darker: #1b4f81; + --rz-success: #107c10; + --rz-success-light: #0f970f; + --rz-success-lighter: #9fd89f; + --rz-success-dark: #0f6e0f; + --rz-success-darker: #0d4a0d; + --rz-warning: #fde300; + --rz-warning-light: #ffe718; + --rz-warning-lighter: #fff786; + --rz-warning-dark: #e0c901; + --rz-warning-darker: #928404; + --rz-danger: #d13438; + --rz-danger-light: #db4448; + --rz-danger-lighter: #ef9f9e; + --rz-danger-dark: #b92f32; + --rz-danger-darker: #792224; + --rz-on-primary: #0a0a0a; + --rz-on-primary-light: #0c3a5e; + --rz-on-primary-lighter: #0c3a5e; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #ffffff; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #1b4f81; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #0d4a0d; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #141414; + --rz-on-warning-light: #141414; + --rz-on-warning-lighter: #928404; + --rz-on-warning-dark: #141414; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #792224; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #0078d4; + --rz-series-2: #b4a0ff; + --rz-series-3: #d83b01; + --rz-series-4: #ffb900; + --rz-series-5: #fff100; + --rz-series-6: #107c10; + --rz-series-7: #32145a; + --rz-series-8: #005a9e; + --rz-series-9: #409adf; + --rz-series-10: #c7b8ff; + --rz-series-11: #e26c40; + --rz-series-12: #ffca40; + --rz-series-13: #fff870; + --rz-series-14: #4c9d4c; + --rz-series-15: #654f83; + --rz-series-16: #4083b6; + --rz-series-17: #80bcea; + --rz-series-18: #dacfff; + --rz-series-19: #ec9d80; + --rz-series-20: #ffdc80; + --rz-series-21: #fffa9f; + --rz-series-22: #87be87; + --rz-series-23: #9989ad; + --rz-series-24: #80adce; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 0.875rem; + --rz-body-line-height: 1.42857143; + --rz-body-background-color: var(--rz-base-800); + --rz-text-font-family: Segoe UI, Segoe UI Web, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif; + --rz-icon-size: 1rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-white); + --rz-text-color: var(--rz-white); + --rz-text-secondary-color: var(--rz-base-50); + --rz-text-tertiary-color: var(--rz-base-100); + --rz-text-disabled-color: var(--rz-base-200); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-white) !important; +} + +.rz-text-color { + color: var(--rz-white) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-50) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-100) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-200) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --rz-link-color: var(--rz-primary); + --rz-link-text-decoration: none; + --rz-link-hover-color: var(--rz-primary-light); + --rz-link-hover-text-decoration: underline; +} + +:root { + --rz-base-background-color: var(--rz-base-700); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-200); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-100); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-300); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 2px rgba(0, 0, 0, 0.28); + --rz-shadow-2: 0 0 2px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.28); + --rz-shadow-3: 0 0 2px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.28); + --rz-shadow-4: 0 0 2px rgba(0, 0, 0, 0.24), 0 8px 16px rgba(0, 0, 0, 0.28); + --rz-shadow-5: 0 0 8px rgba(0, 0, 0, 0.24), 0 14px 28px rgba(0, 0, 0, 0.28); + --rz-shadow-6: 0 0 8px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-7: 0 0 16px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-8: 0 0 24px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-9: 0 0 32px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-10: 0 0 40px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 400; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3.25rem, 4.722vw, 4.25rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 400; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(2rem, 2.917vw, 2.625rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 400; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: 2.625rem; + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 400; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: 2rem; + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 400; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: 1.75rem; + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: 1.5rem; + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: 1.25rem; + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: 1rem; + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 400; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: normal; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-color: var(--rz-text-secondary-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: normal; + --rz-text-subtitle2-font-weight: 400; + --rz-text-subtitle2-color: var(--rz-text-secondary-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: normal; + --rz-text-body1-font-weight: 400; + --rz-text-body1-color: var(--rz-text-secondary-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: normal; + --rz-text-body2-font-weight: 400; + --rz-text-body2-color: var(--rz-text-secondary-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 400; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-title-color); + --rz-text-button-margin-bottom: 0.5rem; + --rz-text-caption-font-size: 0.75rem; + --rz-text-caption-line-height: normal; + --rz-text-caption-font-weight: 400; + --rz-text-caption-color: var(--rz-text-title-color); + --rz-text-caption-margin-bottom: 0.5rem; + --rz-text-overline-font-size: 0.625rem; + --rz-text-overline-line-height: normal; + --rz-text-overline-font-weight: 400; + --rz-text-overline-text-transform: uppercase; + --rz-text-overline-color: var(--rz-text-title-color); + --rz-text-overline-margin-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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); + color: var(--rz-text-display-h2-color); + margin-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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); + color: var(--rz-text-display-h3-color); + margin-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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); + color: var(--rz-text-display-h4-color); + margin-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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); + color: var(--rz-text-display-h5-color); + margin-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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); + color: var(--rz-text-display-h6-color); + margin-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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); + color: var(--rz-text-h1-color); + margin-bottom: var(--rz-text-h1-margin-bottom); +} + +.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); + color: var(--rz-text-h2-color); + margin-bottom: var(--rz-text-h2-margin-bottom); +} + +.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); + color: var(--rz-text-h3-color); + margin-bottom: var(--rz-text-h3-margin-bottom); +} + +.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); + color: var(--rz-text-h4-color); + margin-bottom: var(--rz-text-h4-margin-bottom); +} + +.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); + color: var(--rz-text-h5-color); + margin-bottom: var(--rz-text-h5-margin-bottom); +} + +.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); + color: var(--rz-text-h6-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle1-color); + margin-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle2-color); + margin-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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); + color: var(--rz-text-body1-color); + margin-bottom: var(--rz-text-body1-margin-bottom); +} + +.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); + color: var(--rz-text-body2-color); + margin-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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); + color: var(--rz-text-caption-color); + margin-bottom: var(--rz-text-caption-margin-bottom); +} + +.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); + text-transform: var(--rz-text-overline-text-transform); + color: var(--rz-text-overline-color); + margin-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: var(--rz-on-primary-lighter); +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius); + --rz-button-shadow: var(--rz-shadow-0); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-0); + --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: var(--rz-shadow-0); + --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: none; + --rz-button-active-shadow: var(--rz-shadow-0); + --rz-button-active-gradient: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.5; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-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-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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.875rem 1.75rem; + height: auto; + line-height: 1rem; + min-height: 2.75rem; + min-width: 2.75rem; +} +.rz-button-lg .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1.25rem; + height: auto; + line-height: 1rem; + min-height: 2rem; + min-width: 2rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 1rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 0.5rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.125rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --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: none; + --rz-badge-letter-spacing: normal; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-600); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-base-900); +} +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2rem; + --rz-input-line-height: 1.42857143; + --rz-input-padding: 0.3125rem 0.5rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-background-color); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all); +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-900); + --rz-header-min-height: 3rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-contrast-color); + --rz-header-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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: none; + --rz-sidebar-background-color: var(--rz-base-900); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 0.75rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-600); + --rz-card-shadow: var(--rz-shadow-2); + --rz-card-border: var(--rz-border-base-400); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.5rem 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-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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 0.75rem; + --rz-panel-title-line-height: 1.25rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-2); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: var(--rz-icon-size); + --rz-sidebar-toggle-icon-height: var(--rz-icon-size); + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 1rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-secondary-color); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-text-contrast-color); + --rz-sidebar-toggle-hover-background-color: var(--rz-base-800); + --rz-sidebar-toggle-hover-border-radius: 0; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-700); + --rz-menu-border: none; + --rz-menu-border-radius: calc(2 * var(--rz-border-radius)); + --rz-menu-item-padding: 0.375rem 0.75rem 0.375rem 0.625rem; + --rz-menu-item-border-radius: var(--rz-border-radius); + --rz-menu-item-color: var(--rz-text-secondary-color); + --rz-menu-item-hover-color: var(--rz-text-color); + --rz-menu-item-hover-background-color: var(--rz-base-300); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-primary); + --rz-menu-item-icon-hover-color: var(--rz-primary); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 0.375rem 0.625rem; + --rz-menu-top-item-border-radius: var(--rz-border-radius); + --rz-menu-top-item-color: var(--rz-text-contrast-color); + --rz-menu-top-item-background-color: var(--rz-black); + --rz-menu-top-item-hover-color: var(--rz-text-color); + --rz-menu-top-item-hover-background-color: var(--rz-base-800); + --rz-menu-top-item-selected-color: var(--rz-text-color); + --rz-menu-top-item-icon-color: var(--rz-text-contrast-color); + --rz-menu-top-item-icon-hover-color: var(--rz-text-color); + --rz-context-menu-padding: 0.25rem; + --rz-context-menu-box-shadow: var(--rz-shadow-4); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-color); + --rz-panel-menu-background-color: var(--rz-base-900); + --rz-panel-menu-hover-background-color: var(--rz-base-700); + --rz-panel-menu-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-line-height: 1.25rem; + --rz-panel-menu-item-padding: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-700); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-800); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-title-color); + --rz-panel-menu-item-active-indicator: var(--rz-primary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.25rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.75rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.25rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --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: var(--rz-text-secondary-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-700); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-900); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-base-800); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-700); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-base-700); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem; + --rz-panel-menu-icon-2nd-level-icon-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-base-900); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 0.75rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-contrast-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-300); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-primary); + --rz-steps-title-selected-color: var(--rz-primary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: var(--rz-border-radius); + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-light); + --rz-checkbox-checked-disabled-background-color: var(--rz-primary); + --rz-checkbox-checked-color: var(--rz-base-background-color); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary-light); + --rz-checkbox-checked-disabled-border: var(--rz-border-primary); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: transparent; + --rz-switch-checked-background-color: var(--rz-primary); + --rz-switch-box-shadow: none; + --rz-switch-circle-background-color: var(--rz-text-tertiary-color); + --rz-switch-checked-circle-background-color: var(--rz-base-700); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.5rem; + min-width: 2.5rem; + height: 1.25rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 0.75rem; + height: 0.75rem; + left: 0.25rem; + margin-top: -0.375rem; + 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: ""; + top: 50%; +} + +.rz-switch-circle.rz-disabled:before { + box-shadow: none; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + background: var(--rz-switch-checked-circle-background-color); + transform: translateX(1.25rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-400); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: 1.25rem; + --rz-dropdown-trigger-icon-height: 1.25rem; + --rz-dropdown-trigger-icon-margin: 0 0.25rem 0 0; + --rz-dropdown-horizontal-padding: 0.6875rem; + --rz-dropdown-panel-padding: 0 0.6875rem; + --rz-dropdown-items-margin: 0 -0.6875rem; + --rz-dropdown-items-padding: 0.25rem 0.0625rem; + --rz-dropdown-item-padding: 0.375rem 0.6875rem; + --rz-dropdown-item-font-size: var(--rz-base-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-300); + --rz-dropdown-item-selected-background-color: var(--rz-base-300); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-hover-background-color: var(--rz-base-400); + --rz-dropdown-item-selected-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.25; + --rz-dropdown-label-padding: 0 calc(var(--rz-dropdown-trigger-icon-width) / 2 + 0.125rem) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-200); + --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: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-6); + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "expand_more"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0.25rem; +} +.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.25rem; +} + +.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-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-200); + --rz-listbox-padding: 0.25rem; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 0.5rem 0 0; + --rz-listbox-header-padding: 0.375rem 0.9375rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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.25rem; +} + +.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.25rem; +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --rz-splitbutton-menu-shadow: var(--rz-shadow-4); + --rz-splitbutton-menu-min-width: 10rem; + --rz-splitbutton-background-color: var(--rz-primary); + --rz-splitbutton-border-radius: var(--rz-border-radius); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-100); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.25rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 1.25rem; + --rz-slider-handle-height: 1.25rem; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: var(--rz-border-normal); + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: inset 0 0 0 0.1875rem var(--rz-base-background-color); + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-primary-light); + --rz-slider-handle-hover-border: var(--rz-border-normal); + --rz-slider-handle-hover-shadow: inset 0 0 0 0.1875rem var(--rz-base-background-color); + --rz-slider-disabled-background-color: var(--rz-base-900); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-200); + --rz-slider-disabled-range-border: var(--rz-border-base-200); + --rz-slider-disabled-handle-border: var(--rz-border-base-200); + --rz-slider-disabled-handle-background-color: var(--rz-base-200); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-tertiary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: 1.25rem; + --rz-rating-selected-color: var(--rz-text-title-color); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-tertiary-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-normal); + --rz-selectbar-selected-background-color: var(--rz-primary); + --rz-selectbar-selected-color: var(--rz-text-contrast-color); + --rz-selectbar-selected-border: var(--rz-border-primary); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-6); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: transparent; + --rz-datepicker-header-color: var(--rz-text-title-color); + --rz-datepicker-header-padding: 0 0.5rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-header-text-transform: none; + --rz-datepicker-calendar-header-color: var(--rz-text-title-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-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-200); + --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-background-color: var(--rz-primary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-light); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-primary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 2.625rem; + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0 0.5rem 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-primary); + --rz-timepicker-button-color: var(--rz-text-contrast-color); + --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.25rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: none; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-numeric-button-width: 1.5rem; + --rz-numeric-button-height: 0.875rem; + --rz-numeric-button-offset: 0.0625rem; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-600); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: var(--rz-border-radius); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-300); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-200); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-200); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-200); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-300); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary-darker); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-300); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-300); + --rz-grid-cell-padding: 0.25rem 0.75rem; + --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-hover-background-color: var(--rz-base-500); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-selected-background-color: var(--rz-primary); + --rz-grid-selected-color: var(--rz-text-contrast-color); + --rz-grid-stripe-background-color: var(--rz-base-700); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-300); + --rz-grid-header-background-color: var(--rz-base-700); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.75rem; + --rz-grid-header-sorted-background-color: var(--rz-base-900); + --rz-grid-header-padding: 0.75rem; + --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-400); + --rz-grid-filter-padding: 0.25rem 0.75rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-base-300); + --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: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-400); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-clear-filter-button-shadow: inherit; + --rz-grid-apply-filter-button-background-color: var(--rz-primary); + --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-apply-filter-button-shadow: inherit; + --rz-grid-header-filter-icon-margin: 0 0.75rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-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-primary-dark); + --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.5rem 0; + --rz-grid-detail-template-background-color: var(--rz-base-800); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-300); + --rz-grid-frozen-cell-background-color: var(--rz-base-700); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.25rem 0.75rem; + --rz-grid-group-header-item-background-color: var(--rz-base-300); + --rz-grid-group-header-item-padding: 0.25rem 0.25rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: none; + --rz-grid-group-header-item-border-radius: var(--rz-border-radius); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-title-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-3); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 0.75rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: transparent; + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.0625rem; + --rz-paginator-numeric-button-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-selected-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-min-width: 2rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: transparent; + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.125rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.125rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: transparent; + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.125rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-background-color); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.375rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-base-200); + --rz-tree-node-selected-color: var(--rz-text-title-color); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 1px 0; + --rz-tree-node-hover-background-color: var(--rz-base-200); + --rz-tree-node-hover-color: var(--rz-text-title-color); + --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); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "keyboard_arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "keyboard_arrow_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-0); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.25rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-secondary-color); + --rz-scheduler-toolbar-padding: 0.75rem 0.75rem 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-800); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 600; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: transparent; + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem 0.5625rem 0.3125rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: var(--rz-border-radius); + --rz-scheduler-today-button-margin-left: 0.25rem; + --rz-scheduler-today-button-padding: 0.3125rem 0.75rem; + --rz-scheduler-today-button-font-size: var(--rz-base-font-size); + --rz-scheduler-today-button-text-transform: none; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-color); + --rz-scheduler-view-button-background-color: transparent; + --rz-scheduler-view-selected-color: var(--rz-text-contrast-color); + --rz-scheduler-view-selected-background-color: var(--rz-primary); + --rz-scheduler-view-selected-border-color: var(--rz-primary); + --rz-scheduler-header-background-color: var(--rz-base-800); + --rz-scheduler-header-font-size: var(--rz-base-font-size); + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: none; + --rz-scheduler-header-color: var(--rz-text-title-color); + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-text-title-color); + --rz-scheduler-event-background-color: var(--rz-info-light); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-500); + --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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 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: 0.625rem 0.75rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-text-color); + --rz-tabs-tab-selected-top-border-color: transparent; + --rz-tabs-tab-hover-background-color: transparent; + --rz-tabs-tab-hover-color: var(--rz-text-color); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 0; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-base-500); + --rz-tooltip-color: var(--rz-text-color); + --rz-tooltip-shadow: var(--rz-shadow-3); + --rz-tooltip-padding: 0.375rem 0.75rem; + --rz-tooltip-border-radius: var(--rz-border-radius); + --rz-tooltip-font-size: 0.75rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-background-color); + --rz-dialog-shadow: var(--rz-shadow-6); + --rz-dialog-title-background-color: var(--rz-base-background-color); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.25rem 1.25rem 0; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.75rem; + --rz-dialog-title-font-weight: 600; + --rz-dialog-title-letter-spacing: 0; + --rz-dialog-title-color: var(--rz-text-title-color); + --rz-dialog-close-font-size: 1.5rem; + --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-900); + --rz-dialog-border-radius: calc(2 * var(--rz-border-radius)); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 0.5rem 0.75rem; + --rz-notification-icon-margin: 0.125rem 0.5rem 0 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-text-color); + --rz-notification-success-background-color: var(--rz-base-background-color); + --rz-notification-success-icon-color: var(--rz-success-light); + --rz-notification-warning-color: var(--rz-text-color); + --rz-notification-warning-background-color: var(--rz-base-background-color); + --rz-notification-warning-icon-color: var(--rz-warning-light); + --rz-notification-error-color: var(--rz-text-color); + --rz-notification-error-background-color: var(--rz-base-background-color); + --rz-notification-error-icon-color: var(--rz-danger-light); + --rz-notification-info-color: var(--rz-text-color); + --rz-notification-info-background-color: var(--rz-base-background-color); + --rz-notification-info-icon-color: var(--rz-info-light); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(209, 52, 56, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(255, 255, 255, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +.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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --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-primary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-400); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.1875rem; + --rz-progressbar-border-radius: var(--rz-border-radius); + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 2.5px; + --rz-progressbar-circular-value-stroke-width: 2.5px; + --rz-progressbar-circular-value-endpoint: round; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-200); + --rz-chart-axis-label-color: var(--rz-base-100); + --rz-chart-axis-font-size: 0.75rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-normal); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-800); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: transparent; + --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-base-600); + --rz-editor-button-selected-color: var(--rz-text-title-color); + --rz-editor-separator-background-color: var(--rz-base-400); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --rz-colorpicker-panel-border: var(--rz-border-normal); + --rz-colorpicker-panel-background-color: var(--rz-base-background-color); + --rz-colorpicker-panel-shadow: var(--rz-shadow-6); + --rz-colorpicker-panel-padding: 0.5rem; + --rz-colorpicker-panel-max-width: 20rem; + --rz-colorpicker-saturation-height: 256px; + --rz-colorpicker-value-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; + --rz-colorpicker-handle-size: 12px; + --rz-colorpicker-handle-border: 1px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, var(--rz-shadow-3); + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-text-contrast-color); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: calc(1.25 * var(--rz-icon-size)); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.3125rem 0.5rem 0.3125rem; + --rz-form-field-filled-numeric-padding: 1.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-900); + --rz-form-field-filled-hover-background-color: var(--rz-base-900); + --rz-form-field-filled-border: var(--rz-border-base-900); + --rz-form-field-filled-hover-border: var(--rz-border-base-900); + --rz-form-field-filled-focus-border: var(--rz-primary); + --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.25rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 0.25rem; + --rz-form-field-label-textarea-top: 0.25rem; + --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.5625rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-200); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-200); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/fluent-dark.css b/_content/Radzen.Blazor/css/fluent-dark.css new file mode 100755 index 0000000..c39a63a --- /dev/null +++ b/_content/Radzen.Blazor/css/fluent-dark.css @@ -0,0 +1,25389 @@ +@charset "UTF-8"; +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-text-contrast-color); +} + +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + top: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.125rem !important; + width: 0.1875rem !important; + border-radius: var(--rz-border-radius); +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-chkbox-icon.rzi { + font-weight: bold; +} + +.rz-switch .rz-switch-circle { + box-shadow: inset 0 0 0 1px var(--rz-base-100); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + box-shadow: none; +} + +.rz-dropdown-item.rz-state-highlight { + position: relative; +} +.rz-dropdown-item.rz-state-highlight:after { + content: ""; + position: absolute; + top: 0.5rem; + bottom: 0.5rem; + left: 0.125rem; + width: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: var(--rz-primary); +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} + +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-300); + --rz-grid-header-cell-border: var(--rz-border-base-300); +} + +.rz-view-header { + border-top: none !important; +} + +.rz-tabview-nav { + z-index: 0; +} +.rz-tabview-nav li { + position: relative; +} +.rz-tabview-nav li:after { + z-index: -1; + content: ""; + position: absolute; + bottom: 0.125rem; + left: 0.625rem; + right: 0.625rem; + height: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: transparent; +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after { + background-color: var(--rz-base-200); +} +.rz-tabview-nav li.rz-tabview-selected:after { + background-color: var(--rz-primary); +} +.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected { + margin-bottom: 0; +} +.rz-tabview-bottom > .rz-tabview-nav li:after { + top: 0.125rem; +} +.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected { + margin-top: 0; + padding-top: 0; +} +.rz-tabview-left > .rz-tabview-nav li:after { + left: auto; + right: 0.125rem; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected { + margin-right: 0; +} +.rz-tabview-right > .rz-tabview-nav li:after { + left: 0.125rem; + right: auto; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected { + margin-left: 0; + padding-left: 0; +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #479ef5; + --secondary: #2e2e2e; + --success: #107c10; + --info: #2886de; + --warning: #fde300; + --danger: #d13438; + --light: #5c5c5c; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: "Segoe UI", "Segoe UI Web", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: "Segoe UI", "Segoe UI Web", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #d6d6d6; + text-align: left; + background-color: #1f1f1f; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #479ef5; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #115fa3; + text-decoration: none; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2rem; + padding: 0.375rem 0.75rem; + font-size: var(--rz-body-font-size); + font-weight: 400; + line-height: 1.42857143; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #c0defc; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(71, 158, 245, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.42857143; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.09375rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.765625rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.42857143; + color: #d6d6d6; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #107c10; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #fff; + background-color: rgba(16, 124, 16, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #107c10; + padding-right: calc(1.42857143em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23107c10' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.3571428575em + 0.1875rem); + background-size: calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #107c10; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.42857143em + 0.75rem); + background-position: top calc(0.3571428575em + 0.1875rem) right calc(0.3571428575em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #107c10; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23107c10' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #107c10; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #107c10; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #107c10; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #107c10; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #16a916; + background-color: #16a916; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #107c10; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #107c10; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #107c10; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #d13438; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #fff; + background-color: rgba(209, 52, 56, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #d13438; + padding-right: calc(1.42857143em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d13438' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d13438' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.3571428575em + 0.1875rem); + background-size: calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #d13438; + box-shadow: 0 0 0 0.2rem rgba(209, 52, 56, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.42857143em + 0.75rem); + background-position: top calc(0.3571428575em + 0.1875rem) right calc(0.3571428575em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #d13438; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d13438' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d13438' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #d13438; + box-shadow: 0 0 0 0.2rem rgba(209, 52, 56, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #d13438; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #d13438; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #d13438; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #da5e61; + background-color: #da5e61; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(209, 52, 56, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #d13438; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #d13438; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #d13438; + box-shadow: 0 0 0 0.2rem rgba(209, 52, 56, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.75rem; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #479ef5; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #1785f2; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(71, 158, 245, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #2e2e2e; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #151515; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.5); +} + +.badge-success { + color: #fff; + background-color: #107c10; +} +a.badge-success:hover, a.badge-success:focus { + color: #fff; + background-color: #0a4f0a; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.5); +} + +.badge-info { + color: #fff; + background-color: #2886de; +} +a.badge-info:hover, a.badge-info:focus { + color: #fff; + background-color: #1c6cb7; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(40, 134, 222, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #fde300; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #cab500; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(253, 227, 0, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #d13438; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #ab272a; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(209, 52, 56, 0.5); +} + +.badge-light { + color: #fff; + background-color: #5c5c5c; +} +a.badge-light:hover, a.badge-light:focus { + color: #fff; + background-color: #434343; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(92, 92, 92, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 4px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3.8125rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #25527f; + background-color: #daecfd; + border-color: #cbe4fc; +} +.alert-primary hr { + border-top-color: #b3d7fb; +} +.alert-primary .alert-link { + color: #193958; +} + +.alert-secondary { + color: #181818; + background-color: #d5d5d5; + border-color: #c4c4c4; +} +.alert-secondary hr { + border-top-color: #b7b7b7; +} +.alert-secondary .alert-link { + color: black; +} + +.alert-success { + color: #084008; + background-color: #cfe5cf; + border-color: #bcdabc; +} +.alert-success hr { + border-top-color: #acd1ac; +} +.alert-success .alert-link { + color: #021302; +} + +.alert-info { + color: #154673; + background-color: #d4e7f8; + border-color: #c3ddf6; +} +.alert-info hr { + border-top-color: #add0f3; +} +.alert-info .alert-link { + color: #0d2c48; +} + +.alert-warning { + color: #847600; + background-color: #fff9cc; + border-color: #fef7b8; +} +.alert-warning hr { + border-top-color: #fef49f; +} +.alert-warning .alert-link { + color: #514800; +} + +.alert-danger { + color: #6d1b1d; + background-color: #f6d6d7; + border-color: #f2c6c7; +} +.alert-danger hr { + border-top-color: #edb1b3; +} +.alert-danger .alert-link { + color: #441112; +} + +.alert-light { + color: #303030; + background-color: #dedede; + border-color: #d1d1d1; +} +.alert-light hr { + border-top-color: #c4c4c4; +} +.alert-light .alert-link { + color: #171717; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #479ef5 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #1785f2 !important; +} + +.bg-secondary { + background-color: #2e2e2e !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #151515 !important; +} + +.bg-success { + background-color: #107c10 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #0a4f0a !important; +} + +.bg-info { + background-color: #2886de !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1c6cb7 !important; +} + +.bg-warning { + background-color: #fde300 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #cab500 !important; +} + +.bg-danger { + background-color: #d13438 !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ab272a !important; +} + +.bg-light { + background-color: #5c5c5c !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #434343 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #479ef5 !important; +} + +.border-secondary { + border-color: #2e2e2e !important; +} + +.border-success { + border-color: #107c10 !important; +} + +.border-info { + border-color: #2886de !important; +} + +.border-warning { + border-color: #fde300 !important; +} + +.border-danger { + border-color: #d13438 !important; +} + +.border-light { + border-color: #5c5c5c !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 4px !important; +} + +.rounded-top { + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; +} + +.rounded-right { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +.rounded-bottom { + border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-left { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #479ef5 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #0c78e3 !important; +} + +.text-secondary { + color: #2e2e2e !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #080808 !important; +} + +.text-success { + color: #107c10 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #073807 !important; +} + +.text-info { + color: #2886de !important; +} + +a.text-info:hover, a.text-info:focus { + color: #195fa1 !important; +} + +.text-warning { + color: #fde300 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #b19e00 !important; +} + +.text-danger { + color: #d13438 !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #962225 !important; +} + +.text-light { + color: #5c5c5c !important; +} + +a.text-light:hover, a.text-light:focus { + color: #363636 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #d6d6d6 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #0a0a0a; + --rz-base-50: #d6d6d6; + --rz-base-100: #adadad; + --rz-base-200: #5c5c5c; + --rz-base-300: #3d3d3d; + --rz-base-400: #383838; + --rz-base-500: #333333; + --rz-base-600: #2e2e2e; + --rz-base-700: #292929; + --rz-base-800: #1f1f1f; + --rz-base-900: #141414; + --rz-primary: #479ef5; + --rz-primary-light: #62abf5; + --rz-primary-lighter: #96c6fa; + --rz-primary-dark: #115fa3; + --rz-primary-darker: #0c3a5e; + --rz-secondary: #2e2e2e; + --rz-secondary-light: #3b3b3b; + --rz-secondary-lighter: #727272; + --rz-secondary-dark: #2a2a2a; + --rz-secondary-darker: #1e1e1e; + --rz-info: #2886de; + --rz-info-light: #3a93e6; + --rz-info-lighter: #99c5f5; + --rz-info-dark: #2477c5; + --rz-info-darker: #1b4f81; + --rz-success: #107c10; + --rz-success-light: #0f970f; + --rz-success-lighter: #9fd89f; + --rz-success-dark: #0f6e0f; + --rz-success-darker: #0d4a0d; + --rz-warning: #fde300; + --rz-warning-light: #ffe718; + --rz-warning-lighter: #fff786; + --rz-warning-dark: #e0c901; + --rz-warning-darker: #928404; + --rz-danger: #d13438; + --rz-danger-light: #db4448; + --rz-danger-lighter: #ef9f9e; + --rz-danger-dark: #b92f32; + --rz-danger-darker: #792224; + --rz-on-primary: #0a0a0a; + --rz-on-primary-light: #0c3a5e; + --rz-on-primary-lighter: #0c3a5e; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #ffffff; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #1b4f81; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #0d4a0d; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #141414; + --rz-on-warning-light: #141414; + --rz-on-warning-lighter: #928404; + --rz-on-warning-dark: #141414; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #792224; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #0078d4; + --rz-series-2: #b4a0ff; + --rz-series-3: #d83b01; + --rz-series-4: #ffb900; + --rz-series-5: #fff100; + --rz-series-6: #107c10; + --rz-series-7: #32145a; + --rz-series-8: #005a9e; + --rz-series-9: #409adf; + --rz-series-10: #c7b8ff; + --rz-series-11: #e26c40; + --rz-series-12: #ffca40; + --rz-series-13: #fff870; + --rz-series-14: #4c9d4c; + --rz-series-15: #654f83; + --rz-series-16: #4083b6; + --rz-series-17: #80bcea; + --rz-series-18: #dacfff; + --rz-series-19: #ec9d80; + --rz-series-20: #ffdc80; + --rz-series-21: #fffa9f; + --rz-series-22: #87be87; + --rz-series-23: #9989ad; + --rz-series-24: #80adce; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 0.875rem; + --rz-body-line-height: 1.42857143; + --rz-body-background-color: var(--rz-base-800); + --rz-text-font-family: Segoe UI, Segoe UI Web, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif; + --rz-icon-size: 1rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-white); + --rz-text-color: var(--rz-white); + --rz-text-secondary-color: var(--rz-base-50); + --rz-text-tertiary-color: var(--rz-base-100); + --rz-text-disabled-color: var(--rz-base-200); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-white) !important; +} + +.rz-text-color { + color: var(--rz-white) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-50) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-100) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-200) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --rz-link-color: var(--rz-primary); + --rz-link-text-decoration: none; + --rz-link-hover-color: var(--rz-primary-light); + --rz-link-hover-text-decoration: underline; +} + +:root { + --rz-base-background-color: var(--rz-base-700); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-200); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-100); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-300); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 2px rgba(0, 0, 0, 0.28); + --rz-shadow-2: 0 0 2px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.28); + --rz-shadow-3: 0 0 2px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.28); + --rz-shadow-4: 0 0 2px rgba(0, 0, 0, 0.24), 0 8px 16px rgba(0, 0, 0, 0.28); + --rz-shadow-5: 0 0 8px rgba(0, 0, 0, 0.24), 0 14px 28px rgba(0, 0, 0, 0.28); + --rz-shadow-6: 0 0 8px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-7: 0 0 16px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-8: 0 0 24px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-9: 0 0 32px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); + --rz-shadow-10: 0 0 40px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 400; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3.25rem, 4.722vw, 4.25rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 400; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(2rem, 2.917vw, 2.625rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 400; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: 2.625rem; + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 400; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: 2rem; + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 400; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: 1.75rem; + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: 1.5rem; + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: 1.25rem; + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: 1rem; + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 400; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: normal; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-color: var(--rz-text-secondary-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: normal; + --rz-text-subtitle2-font-weight: 400; + --rz-text-subtitle2-color: var(--rz-text-secondary-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: normal; + --rz-text-body1-font-weight: 400; + --rz-text-body1-color: var(--rz-text-secondary-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: normal; + --rz-text-body2-font-weight: 400; + --rz-text-body2-color: var(--rz-text-secondary-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 400; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-title-color); + --rz-text-button-margin-bottom: 0.5rem; + --rz-text-caption-font-size: 0.75rem; + --rz-text-caption-line-height: normal; + --rz-text-caption-font-weight: 400; + --rz-text-caption-color: var(--rz-text-title-color); + --rz-text-caption-margin-bottom: 0.5rem; + --rz-text-overline-font-size: 0.625rem; + --rz-text-overline-line-height: normal; + --rz-text-overline-font-weight: 400; + --rz-text-overline-text-transform: uppercase; + --rz-text-overline-color: var(--rz-text-title-color); + --rz-text-overline-margin-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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); + color: var(--rz-text-display-h2-color); + margin-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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); + color: var(--rz-text-display-h3-color); + margin-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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); + color: var(--rz-text-display-h4-color); + margin-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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); + color: var(--rz-text-display-h5-color); + margin-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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); + color: var(--rz-text-display-h6-color); + margin-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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); + color: var(--rz-text-h1-color); + margin-bottom: var(--rz-text-h1-margin-bottom); +} + +.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); + color: var(--rz-text-h2-color); + margin-bottom: var(--rz-text-h2-margin-bottom); +} + +.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); + color: var(--rz-text-h3-color); + margin-bottom: var(--rz-text-h3-margin-bottom); +} + +.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); + color: var(--rz-text-h4-color); + margin-bottom: var(--rz-text-h4-margin-bottom); +} + +.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); + color: var(--rz-text-h5-color); + margin-bottom: var(--rz-text-h5-margin-bottom); +} + +.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); + color: var(--rz-text-h6-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle1-color); + margin-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle2-color); + margin-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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); + color: var(--rz-text-body1-color); + margin-bottom: var(--rz-text-body1-margin-bottom); +} + +.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); + color: var(--rz-text-body2-color); + margin-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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); + color: var(--rz-text-caption-color); + margin-bottom: var(--rz-text-caption-margin-bottom); +} + +.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); + text-transform: var(--rz-text-overline-text-transform); + color: var(--rz-text-overline-color); + margin-bottom: var(--rz-text-overline-margin-bottom); +} + +.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-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +label { + margin-bottom: 0; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: var(--rz-on-primary-lighter); +} + +::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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius); + --rz-button-shadow: var(--rz-shadow-0); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-0); + --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: var(--rz-shadow-0); + --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: none; + --rz-button-active-shadow: var(--rz-shadow-0); + --rz-button-active-gradient: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.5; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-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-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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.875rem 1.75rem; + height: auto; + line-height: 1rem; + min-height: 2.75rem; + min-width: 2.75rem; +} +.rz-button-lg .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1.25rem; + height: auto; + line-height: 1rem; + min-height: 2rem; + min-width: 2rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 1rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 0.5rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.125rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: 10rem; + --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: 700; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: none; + --rz-badge-letter-spacing: normal; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-600); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-base-900); +} +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2rem; + --rz-input-line-height: 1.42857143; + --rz-input-padding: 0.3125rem 0.5rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-background-color); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-900); + --rz-header-min-height: 3rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-contrast-color); + --rz-header-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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: none; + --rz-sidebar-background-color: var(--rz-base-900); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 0.75rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-600); + --rz-card-shadow: var(--rz-shadow-2); + --rz-card-border: var(--rz-border-base-400); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.5rem 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-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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 0.75rem; + --rz-panel-title-line-height: 1.25rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-2); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: var(--rz-icon-size); + --rz-sidebar-toggle-icon-height: var(--rz-icon-size); + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 1rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-secondary-color); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-text-contrast-color); + --rz-sidebar-toggle-hover-background-color: var(--rz-base-800); + --rz-sidebar-toggle-hover-border-radius: 0; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-700); + --rz-menu-border: none; + --rz-menu-border-radius: calc(2 * var(--rz-border-radius)); + --rz-menu-item-padding: 0.375rem 0.75rem 0.375rem 0.625rem; + --rz-menu-item-border-radius: var(--rz-border-radius); + --rz-menu-item-color: var(--rz-text-secondary-color); + --rz-menu-item-hover-color: var(--rz-text-color); + --rz-menu-item-hover-background-color: var(--rz-base-300); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-primary); + --rz-menu-item-icon-hover-color: var(--rz-primary); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 0.375rem 0.625rem; + --rz-menu-top-item-border-radius: var(--rz-border-radius); + --rz-menu-top-item-color: var(--rz-text-contrast-color); + --rz-menu-top-item-background-color: var(--rz-black); + --rz-menu-top-item-hover-color: var(--rz-text-color); + --rz-menu-top-item-hover-background-color: var(--rz-base-800); + --rz-menu-top-item-selected-color: var(--rz-text-color); + --rz-menu-top-item-icon-color: var(--rz-text-contrast-color); + --rz-menu-top-item-icon-hover-color: var(--rz-text-color); + --rz-context-menu-padding: 0.25rem; + --rz-context-menu-box-shadow: var(--rz-shadow-4); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-color); + --rz-panel-menu-background-color: var(--rz-base-900); + --rz-panel-menu-hover-background-color: var(--rz-base-700); + --rz-panel-menu-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-line-height: 1.25rem; + --rz-panel-menu-item-padding: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-700); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-800); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-title-color); + --rz-panel-menu-item-active-indicator: var(--rz-primary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.25rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.75rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.25rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --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: var(--rz-text-secondary-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-700); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-900); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-base-800); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-700); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-base-700); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem; + --rz-panel-menu-icon-2nd-level-icon-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-base-900); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 0.75rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-contrast-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-300); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-primary); + --rz-steps-title-selected-color: var(--rz-primary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: var(--rz-border-radius); + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-light); + --rz-checkbox-checked-disabled-background-color: var(--rz-primary); + --rz-checkbox-checked-color: var(--rz-base-background-color); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary-light); + --rz-checkbox-checked-disabled-border: var(--rz-border-primary); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: transparent; + --rz-switch-checked-background-color: var(--rz-primary); + --rz-switch-box-shadow: none; + --rz-switch-circle-background-color: var(--rz-text-tertiary-color); + --rz-switch-checked-circle-background-color: var(--rz-base-700); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.5rem; + min-width: 2.5rem; + height: 1.25rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 0.75rem; + height: 0.75rem; + left: 0.25rem; + margin-top: -0.375rem; + 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: ""; + top: 50%; +} + +.rz-switch-circle.rz-disabled:before { + box-shadow: none; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + background: var(--rz-switch-checked-circle-background-color); + transform: translateX(1.25rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-400); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: 1.25rem; + --rz-dropdown-trigger-icon-height: 1.25rem; + --rz-dropdown-trigger-icon-margin: 0 0.25rem 0 0; + --rz-dropdown-horizontal-padding: 0.6875rem; + --rz-dropdown-panel-padding: 0 0.6875rem; + --rz-dropdown-items-margin: 0 -0.6875rem; + --rz-dropdown-items-padding: 0.25rem 0.0625rem; + --rz-dropdown-item-padding: 0.375rem 0.6875rem; + --rz-dropdown-item-font-size: var(--rz-base-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-300); + --rz-dropdown-item-selected-background-color: var(--rz-base-300); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-hover-background-color: var(--rz-base-400); + --rz-dropdown-item-selected-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.25; + --rz-dropdown-label-padding: 0 calc(var(--rz-dropdown-trigger-icon-width) / 2 + 0.125rem) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-200); + --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: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-6); + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "expand_more"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0.25rem; +} +.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.25rem; +} + +.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-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-200); + --rz-listbox-padding: 0.25rem; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 0.5rem 0 0; + --rz-listbox-header-padding: 0.375rem 0.9375rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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.25rem; +} + +.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.25rem; +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --rz-splitbutton-menu-shadow: var(--rz-shadow-4); + --rz-splitbutton-menu-min-width: 10rem; + --rz-splitbutton-background-color: var(--rz-primary); + --rz-splitbutton-border-radius: var(--rz-border-radius); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-100); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.25rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 1.25rem; + --rz-slider-handle-height: 1.25rem; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: var(--rz-border-normal); + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: inset 0 0 0 0.1875rem var(--rz-base-background-color); + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-primary-light); + --rz-slider-handle-hover-border: var(--rz-border-normal); + --rz-slider-handle-hover-shadow: inset 0 0 0 0.1875rem var(--rz-base-background-color); + --rz-slider-disabled-background-color: var(--rz-base-900); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-200); + --rz-slider-disabled-range-border: var(--rz-border-base-200); + --rz-slider-disabled-handle-border: var(--rz-border-base-200); + --rz-slider-disabled-handle-background-color: var(--rz-base-200); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-tertiary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: 1.25rem; + --rz-rating-selected-color: var(--rz-text-title-color); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-tertiary-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-normal); + --rz-selectbar-selected-background-color: var(--rz-primary); + --rz-selectbar-selected-color: var(--rz-text-contrast-color); + --rz-selectbar-selected-border: var(--rz-border-primary); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-6); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: transparent; + --rz-datepicker-header-color: var(--rz-text-title-color); + --rz-datepicker-header-padding: 0 0.5rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-header-text-transform: none; + --rz-datepicker-calendar-header-color: var(--rz-text-title-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-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-200); + --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-background-color: var(--rz-primary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-light); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-primary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 2.625rem; + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0 0.5rem 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-primary); + --rz-timepicker-button-color: var(--rz-text-contrast-color); + --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.25rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: none; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-numeric-button-width: 1.5rem; + --rz-numeric-button-height: 0.875rem; + --rz-numeric-button-offset: 0.0625rem; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-600); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: var(--rz-border-radius); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-300); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-200); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-200); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-200); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-300); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary-darker); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-300); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-300); + --rz-grid-cell-padding: 0.25rem 0.75rem; + --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-hover-background-color: var(--rz-base-500); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-selected-background-color: var(--rz-primary); + --rz-grid-selected-color: var(--rz-text-contrast-color); + --rz-grid-stripe-background-color: var(--rz-base-700); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-300); + --rz-grid-header-background-color: var(--rz-base-700); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.75rem; + --rz-grid-header-sorted-background-color: var(--rz-base-900); + --rz-grid-header-padding: 0.75rem; + --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-400); + --rz-grid-filter-padding: 0.25rem 0.75rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-base-300); + --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: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-400); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-clear-filter-button-shadow: inherit; + --rz-grid-apply-filter-button-background-color: var(--rz-primary); + --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-apply-filter-button-shadow: inherit; + --rz-grid-header-filter-icon-margin: 0 0.75rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-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-primary-dark); + --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.5rem 0; + --rz-grid-detail-template-background-color: var(--rz-base-800); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-300); + --rz-grid-frozen-cell-background-color: var(--rz-base-700); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.25rem 0.75rem; + --rz-grid-group-header-item-background-color: var(--rz-base-300); + --rz-grid-group-header-item-padding: 0.25rem 0.25rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: none; + --rz-grid-group-header-item-border-radius: var(--rz-border-radius); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-title-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-3); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 0.75rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: transparent; + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.0625rem; + --rz-paginator-numeric-button-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-selected-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-min-width: 2rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: transparent; + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.125rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.125rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: transparent; + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.125rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-background-color); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.375rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-base-200); + --rz-tree-node-selected-color: var(--rz-text-title-color); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 1px 0; + --rz-tree-node-hover-background-color: var(--rz-base-200); + --rz-tree-node-hover-color: var(--rz-text-title-color); + --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); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "keyboard_arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "keyboard_arrow_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-0); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.25rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-secondary-color); + --rz-scheduler-toolbar-padding: 0.75rem 0.75rem 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-800); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 600; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: transparent; + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem 0.5625rem 0.3125rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: var(--rz-border-radius); + --rz-scheduler-today-button-margin-left: 0.25rem; + --rz-scheduler-today-button-padding: 0.3125rem 0.75rem; + --rz-scheduler-today-button-font-size: var(--rz-base-font-size); + --rz-scheduler-today-button-text-transform: none; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-color); + --rz-scheduler-view-button-background-color: transparent; + --rz-scheduler-view-selected-color: var(--rz-text-contrast-color); + --rz-scheduler-view-selected-background-color: var(--rz-primary); + --rz-scheduler-view-selected-border-color: var(--rz-primary); + --rz-scheduler-header-background-color: var(--rz-base-800); + --rz-scheduler-header-font-size: var(--rz-base-font-size); + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: none; + --rz-scheduler-header-color: var(--rz-text-title-color); + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-text-title-color); + --rz-scheduler-event-background-color: var(--rz-info-light); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-500); + --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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 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: 0.625rem 0.75rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-text-color); + --rz-tabs-tab-selected-top-border-color: transparent; + --rz-tabs-tab-hover-background-color: transparent; + --rz-tabs-tab-hover-color: var(--rz-text-color); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 0; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-base-500); + --rz-tooltip-color: var(--rz-text-color); + --rz-tooltip-shadow: var(--rz-shadow-3); + --rz-tooltip-padding: 0.375rem 0.75rem; + --rz-tooltip-border-radius: var(--rz-border-radius); + --rz-tooltip-font-size: 0.75rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-background-color); + --rz-dialog-shadow: var(--rz-shadow-6); + --rz-dialog-title-background-color: var(--rz-base-background-color); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.25rem 1.25rem 0; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.75rem; + --rz-dialog-title-font-weight: 600; + --rz-dialog-title-letter-spacing: 0; + --rz-dialog-title-color: var(--rz-text-title-color); + --rz-dialog-close-font-size: 1.5rem; + --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-900); + --rz-dialog-border-radius: calc(2 * var(--rz-border-radius)); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 0.5rem 0.75rem; + --rz-notification-icon-margin: 0.125rem 0.5rem 0 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-text-color); + --rz-notification-success-background-color: var(--rz-base-background-color); + --rz-notification-success-icon-color: var(--rz-success-light); + --rz-notification-warning-color: var(--rz-text-color); + --rz-notification-warning-background-color: var(--rz-base-background-color); + --rz-notification-warning-icon-color: var(--rz-warning-light); + --rz-notification-error-color: var(--rz-text-color); + --rz-notification-error-background-color: var(--rz-base-background-color); + --rz-notification-error-icon-color: var(--rz-danger-light); + --rz-notification-info-color: var(--rz-text-color); + --rz-notification-info-background-color: var(--rz-base-background-color); + --rz-notification-info-icon-color: var(--rz-info-light); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(209, 52, 56, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(255, 255, 255, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --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-primary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-400); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.1875rem; + --rz-progressbar-border-radius: var(--rz-border-radius); + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 2.5px; + --rz-progressbar-circular-value-stroke-width: 2.5px; + --rz-progressbar-circular-value-endpoint: round; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-200); + --rz-chart-axis-label-color: var(--rz-base-100); + --rz-chart-axis-font-size: 0.75rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-normal); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-800); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: transparent; + --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-base-600); + --rz-editor-button-selected-color: var(--rz-text-title-color); + --rz-editor-separator-background-color: var(--rz-base-400); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --rz-colorpicker-panel-border: var(--rz-border-normal); + --rz-colorpicker-panel-background-color: var(--rz-base-background-color); + --rz-colorpicker-panel-shadow: var(--rz-shadow-6); + --rz-colorpicker-panel-padding: 0.5rem; + --rz-colorpicker-panel-max-width: 20rem; + --rz-colorpicker-saturation-height: 256px; + --rz-colorpicker-value-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; + --rz-colorpicker-handle-size: 12px; + --rz-colorpicker-handle-border: 1px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, var(--rz-shadow-3); + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-text-contrast-color); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: 4px; + --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: calc(1.25 * var(--rz-icon-size)); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.3125rem 0.5rem 0.3125rem; + --rz-form-field-filled-numeric-padding: 1.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-900); + --rz-form-field-filled-hover-background-color: var(--rz-base-900); + --rz-form-field-filled-border: var(--rz-border-base-900); + --rz-form-field-filled-hover-border: var(--rz-border-base-900); + --rz-form-field-filled-focus-border: var(--rz-primary); + --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.25rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 0.25rem; + --rz-form-field-label-textarea-top: 0.25rem; + --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.5625rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-200); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-200); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/fluent.css b/_content/Radzen.Blazor/css/fluent.css new file mode 100755 index 0000000..c548213 --- /dev/null +++ b/_content/Radzen.Blazor/css/fluent.css @@ -0,0 +1,25385 @@ +@charset "UTF-8"; +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-text-contrast-color); +} + +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + top: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.125rem !important; + width: 0.1875rem !important; + border-radius: var(--rz-border-radius); +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-switch .rz-switch-circle { + box-shadow: inset 0 0 0 1px var(--rz-base-800); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + box-shadow: none; +} + +.rz-dropdown-item.rz-state-highlight { + position: relative; +} +.rz-dropdown-item.rz-state-highlight:after { + content: ""; + position: absolute; + top: 0.5rem; + bottom: 0.5rem; + left: 0.125rem; + width: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: var(--rz-primary); +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} + +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-200); + --rz-grid-header-cell-border: var(--rz-border-base-200); +} + +.rz-view-header { + border-top: none !important; +} + +.rz-tabview-nav { + z-index: 0; +} +.rz-tabview-nav li { + position: relative; +} +.rz-tabview-nav li:after { + z-index: -1; + content: ""; + position: absolute; + bottom: 0.125rem; + left: 0.625rem; + right: 0.625rem; + height: 0.1875rem; + border-radius: calc(4 * var(--rz-border-radius)); + background-color: transparent; +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after { + background-color: var(--rz-base-300); +} +.rz-tabview-nav li.rz-tabview-selected:after { + background-color: var(--rz-primary); +} +.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected { + margin-bottom: 0; +} +.rz-tabview-bottom > .rz-tabview-nav li:after { + top: 0.125rem; +} +.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected { + margin-top: 0; + padding-top: 0; +} +.rz-tabview-left > .rz-tabview-nav li:after { + left: auto; + right: 0.125rem; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected { + margin-right: 0; +} +.rz-tabview-right > .rz-tabview-nav li:after { + left: 0.125rem; + right: auto; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; +} +.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected { + margin-left: 0; + padding-left: 0; +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #0078d4; + --secondary: #8a8886; + --success: #107c10; + --info: #00b7c3; + --warning: #ffc80a; + --danger: #a4262c; + --light: #edebe9; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: "Segoe UI", "Segoe UI Web", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: "Segoe UI", "Segoe UI Web", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #616161; + text-align: left; + background-color: #f5f5f5; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #0078d4; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #006cbf; + text-decoration: none; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2rem; + padding: 0.375rem 0.75rem; + font-size: var(--rz-body-font-size); + font-weight: 400; + line-height: 1.42857143; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #55b5ff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 120, 212, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.42857143; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.09375rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.765625rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.42857143; + color: #616161; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #107c10; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #fff; + background-color: rgba(16, 124, 16, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #107c10; + padding-right: calc(1.42857143em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23107c10' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.3571428575em + 0.1875rem); + background-size: calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #107c10; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.42857143em + 0.75rem); + background-position: top calc(0.3571428575em + 0.1875rem) right calc(0.3571428575em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #107c10; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23107c10' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #107c10; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #107c10; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #107c10; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #107c10; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #16a916; + background-color: #16a916; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #107c10; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #107c10; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #107c10; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #a4262c; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #fff; + background-color: rgba(164, 38, 44, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #a4262c; + padding-right: calc(1.42857143em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23a4262c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23a4262c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.3571428575em + 0.1875rem); + background-size: calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #a4262c; + box-shadow: 0 0 0 0.2rem rgba(164, 38, 44, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.42857143em + 0.75rem); + background-position: top calc(0.3571428575em + 0.1875rem) right calc(0.3571428575em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #a4262c; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23a4262c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23a4262c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.714285715em + 0.375rem) calc(0.714285715em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #a4262c; + box-shadow: 0 0 0 0.2rem rgba(164, 38, 44, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #a4262c; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #a4262c; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #a4262c; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #cd3037; + background-color: #cd3037; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(164, 38, 44, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #a4262c; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #a4262c; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #a4262c; + box-shadow: 0 0 0 0.2rem rgba(164, 38, 44, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.75rem; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #0078d4; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #005ba1; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 120, 212, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #8a8886; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #706f6d; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(138, 136, 134, 0.5); +} + +.badge-success { + color: #fff; + background-color: #107c10; +} +a.badge-success:hover, a.badge-success:focus { + color: #fff; + background-color: #0a4f0a; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(16, 124, 16, 0.5); +} + +.badge-info { + color: #fff; + background-color: #00b7c3; +} +a.badge-info:hover, a.badge-info:focus { + color: #fff; + background-color: #008790; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 183, 195, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc80a; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d6a600; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 200, 10, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #a4262c; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #7b1c21; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(164, 38, 44, 0.5); +} + +.badge-light { + color: #212529; + background-color: #edebe9; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #d6d2cd; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(237, 235, 233, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 4px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3.8125rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #003e6e; + background-color: #cce4f6; + border-color: #b8d9f3; +} +.alert-primary hr { + border-top-color: #a2cdef; +} +.alert-primary .alert-link { + color: #00213b; +} + +.alert-secondary { + color: #484746; + background-color: #e8e7e7; + border-color: #dededd; +} +.alert-secondary hr { + border-top-color: #d1d1d0; +} +.alert-secondary .alert-link { + color: #2e2e2d; +} + +.alert-success { + color: #084008; + background-color: #cfe5cf; + border-color: #bcdabc; +} +.alert-success hr { + border-top-color: #acd1ac; +} +.alert-success .alert-link { + color: #021302; +} + +.alert-info { + color: #005f65; + background-color: #ccf1f3; + border-color: #b8ebee; +} +.alert-info hr { + border-top-color: #a3e5e9; +} +.alert-info .alert-link { + color: #002f32; +} + +.alert-warning { + color: #856805; + background-color: #fff4ce; + border-color: #fff0ba; +} +.alert-warning hr { + border-top-color: #ffeaa1; +} +.alert-warning .alert-link { + color: #544203; +} + +.alert-danger { + color: #551417; + background-color: #edd4d5; + border-color: #e6c2c4; +} +.alert-danger hr { + border-top-color: #dfb0b3; +} +.alert-danger .alert-link { + color: #2c0a0c; +} + +.alert-light { + color: #7b7a79; + background-color: #fbfbfb; + border-color: #faf9f9; +} +.alert-light hr { + border-top-color: #eeebeb; +} +.alert-light .alert-link { + color: #616160; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #0078d4 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #005ba1 !important; +} + +.bg-secondary { + background-color: #8a8886 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #706f6d !important; +} + +.bg-success { + background-color: #107c10 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #0a4f0a !important; +} + +.bg-info { + background-color: #00b7c3 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #008790 !important; +} + +.bg-warning { + background-color: #ffc80a !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d6a600 !important; +} + +.bg-danger { + background-color: #a4262c !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #7b1c21 !important; +} + +.bg-light { + background-color: #edebe9 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #d6d2cd !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #0078d4 !important; +} + +.border-secondary { + border-color: #8a8886 !important; +} + +.border-success { + border-color: #107c10 !important; +} + +.border-info { + border-color: #00b7c3 !important; +} + +.border-warning { + border-color: #ffc80a !important; +} + +.border-danger { + border-color: #a4262c !important; +} + +.border-light { + border-color: #edebe9 !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 4px !important; +} + +.rounded-top { + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; +} + +.rounded-right { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +.rounded-bottom { + border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-left { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #0078d4 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #004d88 !important; +} + +.text-secondary { + color: #8a8886 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #636260 !important; +} + +.text-success { + color: #107c10 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #073807 !important; +} + +.text-info { + color: #00b7c3 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #006f77 !important; +} + +.text-warning { + color: #ffc80a !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #bd9200 !important; +} + +.text-danger { + color: #a4262c !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #66181b !important; +} + +.text-light { + color: #edebe9 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #cbc5bf !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #616161 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #f5f5f5; + --rz-base-100: #f3f2f1; + --rz-base-200: #edebe9; + --rz-base-300: #d2d0ce; + --rz-base-400: #a19f9d; + --rz-base-500: #8a8886; + --rz-base-600: #605e5c; + --rz-base-700: #616161; + --rz-base-800: #323130; + --rz-base-900: #201f1e; + --rz-primary: #0078d4; + --rz-primary-light: #80bcea; + --rz-primary-lighter: #deedf9; + --rz-primary-dark: #006cbf; + --rz-primary-darker: #005a9f; + --rz-secondary: #8a8886; + --rz-secondary-light: #c5c4c3; + --rz-secondary-lighter: #f0f0ef; + --rz-secondary-dark: #7c7a79; + --rz-secondary-darker: #686665; + --rz-info: #00b7c3; + --rz-info-light: #80dbe1; + --rz-info-lighter: #def6f7; + --rz-info-dark: #00a5b0; + --rz-info-darker: #008992; + --rz-success: #107c10; + --rz-success-light: #88be88; + --rz-success-lighter: #e0eee0; + --rz-success-dark: #0e700e; + --rz-success-darker: #0c5d0c; + --rz-warning: #ffc80a; + --rz-warning-light: #ffe485; + --rz-warning-lighter: #fff8df; + --rz-warning-dark: #e6b409; + --rz-warning-darker: #bf9608; + --rz-danger: #a4262c; + --rz-danger-light: #d29396; + --rz-danger-lighter: #f3e3e4; + --rz-danger-dark: #942228; + --rz-danger-darker: #7b1d21; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #005a9f; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #686665; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #008992; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #0c5d0c; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #201f1e; + --rz-on-warning-light: #201f1e; + --rz-on-warning-lighter: #bf9608; + --rz-on-warning-dark: #201f1e; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #7b1d21; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #0078d4; + --rz-series-2: #b4a0ff; + --rz-series-3: #d83b01; + --rz-series-4: #ffb900; + --rz-series-5: #fff100; + --rz-series-6: #107c10; + --rz-series-7: #32145a; + --rz-series-8: #005a9e; + --rz-series-9: #409adf; + --rz-series-10: #c7b8ff; + --rz-series-11: #e26c40; + --rz-series-12: #ffca40; + --rz-series-13: #fff870; + --rz-series-14: #4c9d4c; + --rz-series-15: #654f83; + --rz-series-16: #4083b6; + --rz-series-17: #80bcea; + --rz-series-18: #dacfff; + --rz-series-19: #ec9d80; + --rz-series-20: #ffdc80; + --rz-series-21: #fffa9f; + --rz-series-22: #87be87; + --rz-series-23: #9989ad; + --rz-series-24: #80adce; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 0.875rem; + --rz-body-line-height: 1.42857143; + --rz-body-background-color: var(--rz-base-50); + --rz-text-font-family: Segoe UI, Segoe UI Web, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif; + --rz-icon-size: 1rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-400); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-400) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --rz-link-color: var(--rz-primary); + --rz-link-text-decoration: none; + --rz-link-hover-color: var(--rz-primary-dark); + --rz-link-hover-text-decoration: underline; +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-100); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14); + --rz-shadow-2: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14); + --rz-shadow-3: 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-4: 0 0 2px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.14); + --rz-shadow-5: 0 0 8px rgba(0, 0, 0, 0.12), 0 14px 28px rgba(0, 0, 0, 0.14); + --rz-shadow-6: 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-7: 0 0 16px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-8: 0 0 24px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-9: 0 0 32px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); + --rz-shadow-10: 0 0 40px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 400; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3.25rem, 4.722vw, 4.25rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 400; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(2rem, 2.917vw, 2.625rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 400; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: 2.625rem; + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 400; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: 2rem; + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 400; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: 1.75rem; + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: 1.5rem; + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: 1.25rem; + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: 1rem; + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 400; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: normal; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: normal; + --rz-text-subtitle2-font-weight: 400; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: normal; + --rz-text-body1-font-weight: 400; + --rz-text-body1-color: var(--rz-text-title-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: normal; + --rz-text-body2-font-weight: 400; + --rz-text-body2-color: var(--rz-text-title-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 400; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-title-color); + --rz-text-button-margin-bottom: 0.5rem; + --rz-text-caption-font-size: 0.75rem; + --rz-text-caption-line-height: normal; + --rz-text-caption-font-weight: 400; + --rz-text-caption-color: var(--rz-text-title-color); + --rz-text-caption-margin-bottom: 0.5rem; + --rz-text-overline-font-size: 0.625rem; + --rz-text-overline-line-height: normal; + --rz-text-overline-font-weight: 400; + --rz-text-overline-text-transform: uppercase; + --rz-text-overline-color: var(--rz-text-title-color); + --rz-text-overline-margin-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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); + color: var(--rz-text-display-h2-color); + margin-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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); + color: var(--rz-text-display-h3-color); + margin-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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); + color: var(--rz-text-display-h4-color); + margin-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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); + color: var(--rz-text-display-h5-color); + margin-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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); + color: var(--rz-text-display-h6-color); + margin-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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); + color: var(--rz-text-h1-color); + margin-bottom: var(--rz-text-h1-margin-bottom); +} + +.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); + color: var(--rz-text-h2-color); + margin-bottom: var(--rz-text-h2-margin-bottom); +} + +.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); + color: var(--rz-text-h3-color); + margin-bottom: var(--rz-text-h3-margin-bottom); +} + +.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); + color: var(--rz-text-h4-color); + margin-bottom: var(--rz-text-h4-margin-bottom); +} + +.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); + color: var(--rz-text-h5-color); + margin-bottom: var(--rz-text-h5-margin-bottom); +} + +.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); + color: var(--rz-text-h6-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle1-color); + margin-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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); + color: var(--rz-text-subtitle2-color); + margin-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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); + color: var(--rz-text-body1-color); + margin-bottom: var(--rz-text-body1-margin-bottom); +} + +.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); + color: var(--rz-text-body2-color); + margin-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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); + color: var(--rz-text-caption-color); + margin-bottom: var(--rz-text-caption-margin-bottom); +} + +.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); + text-transform: var(--rz-text-overline-text-transform); + color: var(--rz-text-overline-color); + margin-bottom: var(--rz-text-overline-margin-bottom); +} + +.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-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +label { + margin-bottom: 0; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +::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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius); + --rz-button-shadow: var(--rz-shadow-0); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-0); + --rz-button-hover-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-0); + --rz-button-focus-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: none; + --rz-button-active-shadow: var(--rz-shadow-0); + --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.5; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-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-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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.875rem 1.75rem; + height: auto; + line-height: 1rem; + min-height: 2.75rem; + min-width: 2.75rem; +} +.rz-button-lg .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1.25rem; + height: auto; + line-height: 1rem; + min-height: 2rem; + min-width: 2rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 1rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 0.5rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.125rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: 10rem; + --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: 700; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: none; + --rz-badge-letter-spacing: normal; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-600); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2rem; + --rz-input-line-height: 1.42857143; + --rz-input-padding: 0.3125rem 0.5rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-100); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-primary); + --rz-header-min-height: 3rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-contrast-color); + --rz-header-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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: var(--rz-border-base-200); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-text-color); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 0.75rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-200); + --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; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.5rem 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-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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 0.75rem; + --rz-panel-title-line-height: 1.25rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-2); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: var(--rz-icon-size); + --rz-sidebar-toggle-icon-height: var(--rz-icon-size); + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 1rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-contrast-color); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-text-contrast-color); + --rz-sidebar-toggle-hover-background-color: var(--rz-primary-dark); + --rz-sidebar-toggle-hover-border-radius: 0; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-background-color); + --rz-menu-border: none; + --rz-menu-border-radius: calc(2 * var(--rz-border-radius)); + --rz-menu-item-padding: 0.375rem 0.75rem 0.375rem 0.625rem; + --rz-menu-item-border-radius: var(--rz-border-radius); + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-text-title-color); + --rz-menu-item-hover-background-color: var(--rz-base-100); + --rz-menu-item-selected-color: var(--rz-text-title-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-primary); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 0.375rem 0.625rem; + --rz-menu-top-item-border-radius: var(--rz-border-radius); + --rz-menu-top-item-color: var(--rz-text-contrast-color); + --rz-menu-top-item-background-color: var(--rz-primary); + --rz-menu-top-item-hover-color: var(--rz-text-contrast-color); + --rz-menu-top-item-hover-background-color: var(--rz-primary-dark); + --rz-menu-top-item-selected-color: var(--rz-text-contrast-color); + --rz-menu-top-item-icon-color: var(--rz-text-contrast-color); + --rz-menu-top-item-icon-hover-color: var(--rz-text-contrast-color); + --rz-context-menu-padding: 0.25rem; + --rz-context-menu-box-shadow: var(--rz-shadow-4); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-color); + --rz-panel-menu-background-color: var(--rz-base-background-color); + --rz-panel-menu-hover-background-color: var(--rz-base-100); + --rz-panel-menu-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-line-height: 1.25rem; + --rz-panel-menu-item-padding: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-200); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-100); + --rz-panel-menu-item-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-active-color: var(--rz-text-title-color); + --rz-panel-menu-item-active-indicator: var(--rz-primary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.25rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.75rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.25rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --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-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-base-100); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-base-100); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem; + --rz-panel-menu-icon-2nd-level-icon-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-primary); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 0.75rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-contrast-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-100); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-primary); + --rz-steps-title-selected-color: var(--rz-primary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: var(--rz-border-radius); + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-dark); + --rz-checkbox-checked-disabled-background-color: var(--rz-primary); + --rz-checkbox-checked-color: var(--rz-text-contrast-color); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary-dark); + --rz-checkbox-checked-disabled-border: var(--rz-border-primary); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: transparent; + --rz-switch-checked-background-color: var(--rz-primary); + --rz-switch-box-shadow: none; + --rz-switch-circle-background-color: var(--rz-text-color); + --rz-switch-checked-circle-background-color: var(--rz-text-contrast-color); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.5rem; + min-width: 2.5rem; + height: 1.25rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 0.75rem; + height: 0.75rem; + left: 0.25rem; + margin-top: -0.375rem; + 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: ""; + top: 50%; +} + +.rz-switch-circle.rz-disabled:before { + box-shadow: none; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + background: var(--rz-switch-checked-circle-background-color); + transform: translateX(1.25rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: --rz-base-background-color; + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-primary); + --rz-radio-checked-hover-background-color: var(--rz-primary-dark); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-base-background-color); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: --rz-base-background-color; + --rz-radio-icon-width: 0.5rem; + --rz-radio-icon-height: 0.5rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-200); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: 1.25rem; + --rz-dropdown-trigger-icon-height: 1.25rem; + --rz-dropdown-trigger-icon-margin: 0 0.25rem 0 0; + --rz-dropdown-horizontal-padding: 0.6875rem; + --rz-dropdown-panel-padding: 0 0.6875rem; + --rz-dropdown-items-margin: 0 -0.6875rem; + --rz-dropdown-items-padding: 0.25rem 0.0625rem; + --rz-dropdown-item-padding: 0.375rem 0.6875rem; + --rz-dropdown-item-font-size: var(--rz-base-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-100); + --rz-dropdown-item-selected-background-color: var(--rz-base-100); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-hover-background-color: var(--rz-base-200); + --rz-dropdown-item-selected-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.25; + --rz-dropdown-label-padding: 0 calc(var(--rz-dropdown-trigger-icon-width) / 2 + 0.125rem) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-200); + --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: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-6); + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "expand_more"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0.25rem; +} +.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.25rem; +} + +.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-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-200); + --rz-listbox-padding: 0.25rem; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 0.5rem 0 0; + --rz-listbox-header-padding: 0.375rem 0.9375rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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.25rem; +} + +.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.25rem; +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-600); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.25rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 1.25rem; + --rz-slider-handle-height: 1.25rem; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: var(--rz-border-base-300); + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: inset 0 0 0 0.25rem var(--rz-white); + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-primary-dark); + --rz-slider-handle-hover-border: var(--rz-border-base-300); + --rz-slider-handle-hover-shadow: inset 0 0 0 0.1875rem var(--rz-white); + --rz-slider-disabled-background-color: var(--rz-base-200); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-400); + --rz-slider-disabled-range-border: var(--rz-border-base-400); + --rz-slider-disabled-handle-border: var(--rz-border-base-200); + --rz-slider-disabled-handle-background-color: var(--rz-base-400); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-tertiary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: 1.25rem; + --rz-rating-selected-color: var(--rz-text-title-color); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-tertiary-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-normal); + --rz-selectbar-selected-background-color: var(--rz-primary); + --rz-selectbar-selected-color: var(--rz-text-contrast-color); + --rz-selectbar-selected-border: var(--rz-border-primary); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-6); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: transparent; + --rz-datepicker-header-color: var(--rz-text-title-color); + --rz-datepicker-header-padding: 0 0.5rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-header-text-transform: none; + --rz-datepicker-calendar-header-color: var(--rz-text-title-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-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-200); + --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-background-color: var(--rz-primary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-dark); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-primary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 2.625rem; + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0 0.5rem 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-primary); + --rz-timepicker-button-color: var(--rz-text-contrast-color); + --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.25rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: none; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-numeric-button-width: 1.5rem; + --rz-numeric-button-height: 0.875rem; + --rz-numeric-button-offset: 0.0625rem; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-100); + --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-200); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-300); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-300); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-300); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-200); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-200); + --rz-grid-cell-padding: 0.25rem 0.75rem; + --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-hover-background-color: var(--rz-base-200); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-selected-background-color: var(--rz-primary); + --rz-grid-selected-color: var(--rz-text-contrast-color); + --rz-grid-stripe-background-color: var(--rz-white); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-200); + --rz-grid-header-background-color: var(--rz-white); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.75rem; + --rz-grid-header-sorted-background-color: var(--rz-base-200); + --rz-grid-header-padding: 0.75rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-100); + --rz-grid-filter-background-color: var(--rz-base-50); + --rz-grid-filter-padding: 0.25rem 0.75rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-base-200); + --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: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-50); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-clear-filter-button-shadow: inherit; + --rz-grid-apply-filter-button-background-color: var(--rz-primary); + --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color); + --rz-grid-apply-filter-button-shadow: inherit; + --rz-grid-header-filter-icon-margin: 0 0.75rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-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.5rem 0; + --rz-grid-detail-template-background-color: var(--rz-base-100); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-200); + --rz-grid-frozen-cell-background-color: var(--rz-white); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.25rem 0.75rem; + --rz-grid-group-header-item-background-color: var(--rz-base-200); + --rz-grid-group-header-item-padding: 0.25rem 0.25rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: none; + --rz-grid-group-header-item-border-radius: var(--rz-border-radius); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-title-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-3); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 0.75rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: transparent; + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.0625rem; + --rz-paginator-numeric-button-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-selected-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.5rem 0.4375rem; + --rz-paginator-numeric-button-min-width: 2rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: transparent; + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.125rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.125rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: transparent; + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.125rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-background-color); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.375rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-base-200); + --rz-tree-node-selected-color: var(--rz-text-title-color); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 1px 0; + --rz-tree-node-hover-background-color: var(--rz-base-200); + --rz-tree-node-hover-color: var(--rz-text-title-color); + --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); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "keyboard_arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "keyboard_arrow_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-0); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.25rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.75rem 0.75rem 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-50); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 600; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: transparent; + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem 0.5625rem 0.3125rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: var(--rz-border-radius); + --rz-scheduler-today-button-margin-left: 0.25rem; + --rz-scheduler-today-button-padding: 0.3125rem 0.75rem; + --rz-scheduler-today-button-font-size: var(--rz-base-font-size); + --rz-scheduler-today-button-text-transform: none; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-color); + --rz-scheduler-view-button-background-color: transparent; + --rz-scheduler-view-selected-color: var(--rz-text-contrast-color); + --rz-scheduler-view-selected-background-color: var(--rz-primary); + --rz-scheduler-view-selected-border-color: var(--rz-primary); + --rz-scheduler-header-background-color: var(--rz-base-50); + --rz-scheduler-header-font-size: var(--rz-base-font-size); + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: none; + --rz-scheduler-header-color: var(--rz-text-title-color); + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-text-title-color); + --rz-scheduler-event-background-color: var(--rz-info-light); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 1px; + --rz-scheduler-year-slot-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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 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: 0.625rem 0.75rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-color); + --rz-tabs-tab-selected-color: var(--rz-text-title-color); + --rz-tabs-tab-selected-top-border-color: transparent; + --rz-tabs-tab-hover-background-color: transparent; + --rz-tabs-tab-hover-color: var(--rz-text-title-color); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 0; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-white); + --rz-tooltip-color: var(--rz-text-color); + --rz-tooltip-shadow: var(--rz-shadow-5); + --rz-tooltip-padding: 0.375rem 0.75rem; + --rz-tooltip-border-radius: var(--rz-border-radius); + --rz-tooltip-font-size: 0.75rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-background-color); + --rz-dialog-shadow: var(--rz-shadow-6); + --rz-dialog-title-background-color: var(--rz-base-background-color); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.25rem 1.25rem 0; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.75rem; + --rz-dialog-title-font-weight: 600; + --rz-dialog-title-letter-spacing: 0; + --rz-dialog-title-color: var(--rz-text-title-color); + --rz-dialog-close-font-size: 1.5rem; + --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-700); + --rz-dialog-border-radius: calc(2 * var(--rz-border-radius)); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 0.5rem 0.75rem; + --rz-notification-icon-margin: 0.125rem 0.5rem 0 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-text-color); + --rz-notification-success-background-color: var(--rz-success-lighter); + --rz-notification-success-icon-color: var(--rz-success); + --rz-notification-warning-color: var(--rz-text-color); + --rz-notification-warning-background-color: var(--rz-warning-lighter); + --rz-notification-warning-icon-color: var(--rz-warning); + --rz-notification-error-color: var(--rz-text-color); + --rz-notification-error-background-color: var(--rz-danger-lighter); + --rz-notification-error-icon-color: var(--rz-danger); + --rz-notification-info-color: var(--rz-text-color); + --rz-notification-info-background-color: var(--rz-info-lighter); + --rz-notification-info-icon-color: var(--rz-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(164, 38, 44, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(0, 0, 0, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --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-primary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-200); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.1875rem; + --rz-progressbar-border-radius: var(--rz-border-radius); + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 2.5px; + --rz-progressbar-circular-value-stroke-width: 2.5px; + --rz-progressbar-circular-value-endpoint: round; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-base-600); + --rz-chart-axis-font-size: 0.75rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-normal); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-50); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: transparent; + --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-base-300); + --rz-editor-button-selected-color: var(--rz-text-title-color); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --rz-colorpicker-panel-border: var(--rz-border-normal); + --rz-colorpicker-panel-background-color: var(--rz-base-background-color); + --rz-colorpicker-panel-shadow: var(--rz-shadow-6); + --rz-colorpicker-panel-padding: 0.5rem; + --rz-colorpicker-panel-max-width: 20rem; + --rz-colorpicker-saturation-height: 256px; + --rz-colorpicker-value-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; + --rz-colorpicker-handle-size: 12px; + --rz-colorpicker-handle-border: 1px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, var(--rz-shadow-3); + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-text-contrast-color); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: 4px; + --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: calc(1.25 * var(--rz-icon-size)); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.3125rem 0.5rem 0.3125rem; + --rz-form-field-filled-numeric-padding: 1.3125rem 1.75rem 0.3125rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-100); + --rz-form-field-filled-hover-background-color: var(--rz-base-200); + --rz-form-field-filled-border: var(--rz-input-border); + --rz-form-field-filled-hover-border: var(--rz-input-hover-border); + --rz-form-field-filled-focus-border: var(--rz-input-focus-border); + --rz-form-field-filled-border-radius: var(--rz-border-radius); + --rz-form-field-filled-label-floating-top: 0.25rem; + --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-filled-underline-display: none; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: none; + --rz-form-field-focus-shadow: none; + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0.125rem 0.25rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 0.25rem; + --rz-form-field-label-textarea-top: 0.25rem; + --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.5625rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/humanistic-base.css b/_content/Radzen.Blazor/css/humanistic-base.css new file mode 100755 index 0000000..a45bb2a --- /dev/null +++ b/_content/Radzen.Blazor/css/humanistic-base.css @@ -0,0 +1,20569 @@ +@charset "UTF-8"; +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #ffffff; + --rz-base-100: #f3f5f7; + --rz-base-200: #ebeef2; + --rz-base-300: #d9e1ea; + --rz-base-400: #87a4c4; + --rz-base-500: #7293b6; + --rz-base-600: #466791; + --rz-base-700: #395374; + --rz-base-800: #30445f; + --rz-base-900: #2b3a50; + --rz-primary: #d64d42; + --rz-primary-light: #db6259; + --rz-primary-lighter: rgba(214, 77, 66, 0.16); + --rz-primary-dark: #c5473d; + --rz-primary-darker: #a13a32; + --rz-secondary: #3ba5fc; + --rz-secondary-light: #53b0fc; + --rz-secondary-lighter: rgba(59, 165, 252, 0.2); + --rz-secondary-dark: #3698e8; + --rz-secondary-darker: #2c7cbd; + --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-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #d64d42; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #3ba5fc; + --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; +} + +:root { + --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-100); + --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --rz-icon-size: 1.25rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-secondary); +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-500); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-500) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200); +} + +:root { + --rz-border-radius: 0; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --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); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-light.rz-variant-flat:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-lg { + font-size: 1rem; + font-weight: 600; + 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)); +} +.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-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: var(--rz-body-font-size); + font-weight: 600; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0.5rem 1rem 0.5rem 0.5rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: var(--rz-body-font-size); + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1.25rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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 { + font-size: 0.75rem; + font-weight: 600; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.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-paginator-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); + } +} +:root { + --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; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --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: 0.4375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-disabled-background-color: var(--rz-base-100); + --rz-input-disabled-color: var(--rz-text-tertiary-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all), width 0, height 0; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-background-color); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: var(--rz-border-base-200); + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: none; +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: var(--rz-border-base-200); + --rz-footer-color: var(--rz-text-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 250px; + --rz-sidebar-border-right: var(--rz-border-normal); + --rz-sidebar-background-color: var(--rz-base-800); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1.25rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-100); + --rz-card-shadow: var(--rz-shadow-2); + --rz-card-border: var(--rz-border-normal); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.25rem 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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-secondary); + --rz-accordion-hover-color: var(--rz-secondary); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --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-200); + --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus); + --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset); + --rz-panel-hover-color: var(--rz-secondary); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: none; +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: var(--rz-border-base-200); + --rz-sidebar-toggle-color: var(--rz-base-900); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-secondary); + --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-border-radius: 0; + --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus); + --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --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: 0.5rem 1rem 0.5rem 0.5rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-on-secondary-light); + --rz-menu-item-hover-background-color: var(--rz-secondary-light); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --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: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-text-color); + --rz-menu-top-item-background-color: var(--rz-base-background-color); + --rz-menu-top-item-hover-color: var(--rz-secondary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-secondary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-secondary); + --rz-context-menu-padding: 0; + --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1); +} + +.rz-context-menu .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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-contrast-color); + --rz-panel-menu-background-color: var(--rz-base-800); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3); + --rz-panel-menu-hover-color: var(--rz-text-contrast-color); + --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: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-900); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-900); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-contrast-color); + --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: 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 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-hover-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.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; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-base-background-color); + --rz-profile-menu-border: var(--rz-border-base-200); + --rz-profile-menu-padding: 0.625rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-secondary); + --rz-profile-menu-item-hover-background-color: var(--rz-secondary); + --rz-profile-menu-item-focus-outline: var(--rz-outline-focus); + --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-profile-menu-item-icon-width: var(--rz-icon-size); + --rz-profile-menu-item-icon-height: var(--rz-icon-size); + --rz-profile-menu-item-icon-font-size: var(--rz-icon-size); + --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-color); + --rz-steps-number-background-color: var(--rz-base-200); + --rz-steps-number-selected-color: var(--rz-on-secondary); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-number-focus-outline: var(--rz-outline-focus); + --rz-steps-number-focus-outline-offset: var(--rz-outline-offset); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 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); + --rz-checkbox-checked-hover-border: var(--rz-input-border); + --rz-checkbox-checked-disabled-border: var(--rz-input-border); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --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); +} + +.rz-switch { + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.26rem; + height: 1.26rem; + left: 0.27rem; + margin-top: -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: ""; + top: 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); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 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); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-normal); + --rz-fieldset-border-radius: 0; + --rz-fieldset-padding: 1.25rem; + --rz-fieldset-legend-color: var(--rz-text-tertiary-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 1rem; + --rz-fieldset-toggle-width: 1.125rem; + --rz-fieldset-toggle-margin: 0 0.5rem 0 0; + --rz-fieldset-toggle-height: 1.125rem; + --rz-fieldset-toggle-background-color: var(--rz-base-200); + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1rem; + --rz-fieldset-toggle-border: none; + --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus); + --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --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: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-100); + --rz-dropdown-filter-padding: 0.5rem 0; + --rz-dropdown-open-background-color: var(--rz-base-background-color); + --rz-dropdown-open-border: var(--rz-input-border); + --rz-dropdown-panel-border: var(--rz-input-border); + --rz-dropdown-panel-shadow: none; + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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: 0 0.5rem 0 0; + --rz-listbox-header-padding: 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; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-background-color); + --rz-slider-border: var(--rz-border-normal); + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.5rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-secondary-lighter); + --rz-slider-range-border: var(--rz-border-secondary-light); + --rz-slider-handle-width: 0.75rem; + --rz-slider-handle-height: 1.5rem; + --rz-slider-handle-color: var(--rz-on-secondary); + --rz-slider-handle-background-color: var(--rz-secondary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2); + --rz-slider-handle-shadow: none; + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-secondary-light); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2); + --rz-slider-handle-focus-outline: var(--rz-outline-focus); + --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset); + --rz-slider-disabled-background-color: var(--rz-base-background-color); + --rz-slider-disabled-border: var(--rz-border-disabled); + --rz-slider-disabled-range-background-color: var(--rz-base-100); + --rz-slider-disabled-range-border: var(--rz-border-normal); + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-300); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-secondary); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.3; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-secondary); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --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-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary); + --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-background-color: var(--rz-base-200); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.5rem 0.875rem; + --rz-datepicker-calendar-header-font-size: 0.625rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light); + --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light); + --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary); + --rz-datepicker-calendar-border: var(--rz-border-base-100); + --rz-datepicker-calendar-border-radius: 0; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-secondary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: none; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 47px; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-200); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-secondary); + --rz-timepicker-button-color: var(--rz-on-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; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: 1.25rem; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0.5rem; + --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-300); + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-on-secondary); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-200); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: var(--rz-border-radius); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-300); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-secondary); + --rz-upload-choose-color: var(--rz-on-secondary); + --rz-upload-choose-hover-background-color: var(--rz-secondary); + --rz-upload-choose-hover-color: var(--rz-on-secondary); + --rz-upload-choose-active-background-color: var(--rz-secondary-dark); + --rz-upload-choose-active-color: var(--rz-on-secondary-dark); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-normal); + --rz-grid-right-cell-border: var(--rz-border-normal); + --rz-grid-bottom-cell-border: var(--rz-border-normal); + --rz-grid-cell-padding: 0.5rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: var(--rz-body-font-size); + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter); + --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter); + --rz-grid-cell-focus-outline: var(--rz-outline-focus); + --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-grid-hover-background-color: var(--rz-secondary-lighter); + --rz-grid-hover-color: var(--rz-on-secondary-lighter); + --rz-grid-focus-outline: var(--rz-outline-focus); + --rz-grid-focus-outline-offset: var(--rz-outline-offset); + --rz-grid-selected-background-color: var(--rz-secondary-dark); + --rz-grid-selected-color: var(--rz-on-secondary-dark); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: var(--rz-border-normal); + --rz-grid-header-cell-border-bottom: none; + --rz-grid-header-background-color: var(--rz-base-200); + --rz-grid-header-font-size: 0.75rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: uppercase; + --rz-grid-header-color: var(--rz-text-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.5rem; + --rz-grid-header-sorted-background-color: var(--rz-base-300); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-200); + --rz-grid-filter-background-color: var(--rz-base-100); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-normal); + --rz-grid-filter-font-size: var(--rz-body-font-size); + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: var(--rz-border-normal); + --rz-grid-filter-buttons-background-color: var(--rz-base-200); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-on-secondary); + --rz-grid-clear-filter-button-shadow: inherit; + --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: inherit; + --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-stripe-background-color: var(--rz-base-100); + --rz-grid-stripe-odd-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.5rem; + --rz-grid-column-resizer-helper-width: 0.25rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-background-color); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-normal); + --rz-grid-frozen-cell-background-color: var(--rz-base-200); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.5rem; + --rz-grid-group-header-item-background-color: var(--rz-base-background-color); + --rz-grid-group-header-item-padding: 0.5rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --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-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-color); + --rz-column-drag-handle-hover-color: var(--rz-text-color); + --rz-column-drag-handle-margin: 0 auto 0 0; + --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: var(--rz-base-background-color); + --rz-paginator-padding: 0.5rem; + --rz-paginator-border: var(--rz-border-normal); + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: 1px solid transparent; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-background-color); + --rz-paginator-numeric-button-selected-color: var(--rz-primary); + --rz-paginator-numeric-button-selected-border: var(--rz-border-base-200); + --rz-paginator-numeric-button-selected-padding: 0.4375rem; + --rz-paginator-numeric-button-min-width: 2.25rem; + --rz-paginator-back-button-background-color: var(--rz-base-200); + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-200); + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: var(--rz-base-200); + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-200); + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --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-100); +} + +.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); +} + +:root { + --rz-tree-background-color: var(--rz-base-background-color); + --rz-tree-node-padding: 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: 1px 0; + --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; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "arrow_drop_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --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-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-200); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-secondary); + --rz-scheduler-prev-next-button-color: var(--rz-on-secondary); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; + --rz-scheduler-today-button-margin-left: 0.5rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.75rem; + --rz-scheduler-today-button-text-transform: uppercase; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-on-secondary); + --rz-scheduler-view-selected-background-color: var(--rz-secondary); + --rz-scheduler-view-selected-border-color: var(--rz-secondary); + --rz-scheduler-header-background-color: var(--rz-base-200); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-info); + --rz-scheduler-event-background-color: var(--rz-info); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 1px; + --rz-scheduler-year-slot-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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1.25rem; + --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-tabs-border: var(--rz-border-base-200); + --rz-tabs-border-radius: var(--rz-border-radius); + --rz-tabs-background-color: var(--rz-base-background-color); + --rz-tabs-tab-font-size: var(--rz-body-font-size); + --rz-tabs-tab-line-height: var(--rz-body-line-height); + --rz-tabs-tab-font-weight: normal; + --rz-tabs-tab-text-transform: none; + --rz-tabs-tab-letter-spacing: 0; + --rz-tabs-tab-padding: 0.5rem 1rem; + --rz-tabs-tab-background-color: var(--rz-base-200); + --rz-tabs-tab-color: var(--rz-secondary); + --rz-tabs-tab-selected-color: var(--rz-text-title-color); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: var(--rz-base-background-color); + --rz-tabs-tab-hover-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-background-color: var(--rz-base-background-color); + --rz-tabs-tab-focus-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-outline: var(--rz-outline-focus); + --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --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); +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --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-100); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 0.6875rem 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-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 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); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --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); +} + +.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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: var(--rz-secondary); + --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius)); + --rz-scrollbar-size: 16px; +} + +.rz-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); +} + +:root { + --rz-login-register-background-color: var(--rz-base-100); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: var(--rz-base-background-color); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-200); + --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; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-legend-focus-outline: var(--rz-outline-focus); + --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset); + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --rz-editor-border: var(--rz-input-border); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary); + --rz-editor-button-selected-color: var(--rz-on-secondary); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); + --rz-editor-focus-outline: var(--rz-outline-focus); + --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-on-secondary); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-secondary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.4375rem 0.4375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.5rem 1.25rem 0.5rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-100); + --rz-form-field-filled-hover-background-color: var(--rz-base-200); + --rz-form-field-filled-border: var(--rz-input-border); + --rz-form-field-filled-hover-border: var(--rz-input-hover-border); + --rz-form-field-filled-focus-border: var(--rz-input-focus-border); + --rz-form-field-filled-border-radius: var(--rz-border-radius); + --rz-form-field-filled-label-floating-top: 0.25rem; + --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-filled-underline-display: none; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: none; + --rz-form-field-focus-shadow: none; + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0.125rem 0.1875rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 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; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: 0; +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/humanistic-wcag.css b/_content/Radzen.Blazor/css/humanistic-wcag.css new file mode 100755 index 0000000..d10abb2 --- /dev/null +++ b/_content/Radzen.Blazor/css/humanistic-wcag.css @@ -0,0 +1,74 @@ +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #ffffff; + --rz-base-100: #f3f5f7; + --rz-base-200: #ebeef2; + --rz-base-300: #d9e1ea; + --rz-base-400: #87a4c4; + --rz-base-500: #466791; + --rz-base-600: #3f618d; + --rz-base-700: #395374; + --rz-base-800: #30445f; + --rz-base-900: #2b3a50; + --rz-primary: #a9352d; + --rz-primary-light: #b34d46; + --rz-primary-lighter: rgba(169, 53, 45, 0.16); + --rz-primary-dark: #9b3129; + --rz-primary-darker: #7f2822; + --rz-secondary: #005fad; + --rz-secondary-light: #1f72b7; + --rz-secondary-lighter: rgba(0, 95, 173, 0.2); + --rz-secondary-dark: #00579f; + --rz-secondary-darker: #004782; + --rz-info: #026969; + --rz-info-light: #2a8181; + --rz-info-lighter: rgba(2, 105, 105, 0.2); + --rz-info-dark: #025858; + --rz-info-darker: #024f4f; + --rz-success: #0f6c23; + --rz-success-light: #358446; + --rz-success-lighter: rgba(15, 108, 35, 0.16); + --rz-success-dark: #0d5b1d; + --rz-success-darker: #0b511a; + --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: #b2242e; + --rz-danger-light: #be474f; + --rz-danger-lighter: rgba(178, 36, 46, 0.2); + --rz-danger-dark: #961e27; + --rz-danger-darker: #861b23; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #a9352d; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #005fad; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #026969; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #0f6c23; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #000000; + --rz-on-warning-light: #000000; + --rz-on-warning-lighter: #fac152; + --rz-on-warning-dark: #000000; + --rz-on-warning-darker: #000000; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #b2242e; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/humanistic.css b/_content/Radzen.Blazor/css/humanistic.css new file mode 100755 index 0000000..c7effb4 --- /dev/null +++ b/_content/Radzen.Blazor/css/humanistic.css @@ -0,0 +1,25927 @@ +@charset "UTF-8"; +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #d64d42; + --secondary: #3ba5fc; + --success: #5dbf74; + --info: #2cc8c8; + --warning: #fac152; + --danger: #f9777f; + --light: #ebeef2; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + 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"; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #30445f; + text-align: left; + background-color: #f3f5f7; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #3ba5fc; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #3ba5fc; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2.25rem; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.429; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #edb0ab; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(214, 77, 66, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.429; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.09375rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.765625rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.429; + color: #30445f; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #5dbf74; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #212529; + background-color: rgba(93, 191, 116, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #5dbf74; + padding-right: calc(1.429em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235dbf74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.35725em + 0.1875rem); + background-size: calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.429em + 0.75rem); + background-position: top calc(0.35725em + 0.1875rem) right calc(0.35725em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #5dbf74; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235dbf74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #5dbf74; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #5dbf74; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #5dbf74; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #82cd93; + background-color: #82cd93; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #5dbf74; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #5dbf74; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #5dbf74; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f9777f; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #212529; + background-color: rgba(249, 119, 127, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #f9777f; + padding-right: calc(1.429em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f9777f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f9777f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.35725em + 0.1875rem); + background-size: calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.429em + 0.75rem); + background-position: top calc(0.35725em + 0.1875rem) right calc(0.35725em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #f9777f; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f9777f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f9777f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.7145em + 0.375rem) calc(0.7145em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f9777f; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #f9777f; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #f9777f; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #fba8ad; + background-color: #fba8ad; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f9777f; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #f9777f; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #f9777f; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.75rem; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #d64d42; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #bc3429; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(214, 77, 66, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #3ba5fc; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #098efb; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(59, 165, 252, 0.5); +} + +.badge-success { + color: #212529; + background-color: #5dbf74; +} +a.badge-success:hover, a.badge-success:focus { + color: #212529; + background-color: #42a75a; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(93, 191, 116, 0.5); +} + +.badge-info { + color: #212529; + background-color: #2cc8c8; +} +a.badge-info:hover, a.badge-info:focus { + color: #212529; + background-color: #239e9e; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(44, 200, 200, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #fac152; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #f9af20; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(250, 193, 82, 0.5); +} + +.badge-danger { + color: #212529; + background-color: #f9777f; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #212529; + background-color: #f74651; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(249, 119, 127, 0.5); +} + +.badge-light { + color: #212529; + background-color: #ebeef2; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #ccd4de; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(235, 238, 242, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3.8125rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #6f2822; + background-color: #f7dbd9; + border-color: #f4cdca; +} +.alert-primary hr { + border-top-color: #f0b9b5; +} +.alert-primary .alert-link { + color: #481a16; +} + +.alert-secondary { + color: #1f5683; + background-color: #d8edfe; + border-color: #c8e6fe; +} +.alert-secondary hr { + border-top-color: #afdbfe; +} +.alert-secondary .alert-link { + color: #153b5a; +} + +.alert-success { + color: #30633c; + background-color: #dff2e3; + border-color: #d2edd8; +} +.alert-success hr { + border-top-color: #c0e6c8; +} +.alert-success .alert-link { + color: #1f4127; +} + +.alert-info { + color: #176868; + background-color: #d5f4f4; + border-color: #c4f0f0; +} +.alert-info hr { + border-top-color: #b0ebeb; +} +.alert-info .alert-link { + color: #0e3e3e; +} + +.alert-warning { + color: #82642b; + background-color: #fef3dc; + border-color: #feeecf; +} +.alert-warning hr { + border-top-color: #fde5b6; +} +.alert-warning .alert-link { + color: #5c471e; +} + +.alert-danger { + color: #813e42; + background-color: #fee4e5; + border-color: #fdd9db; +} +.alert-danger hr { + border-top-color: #fcc1c4; +} +.alert-danger .alert-link { + color: #5f2d30; +} + +.alert-light { + color: #7a7c7e; + background-color: #fbfcfc; + border-color: #f9fafb; +} +.alert-light hr { + border-top-color: #eaedf1; +} +.alert-light .alert-link { + color: #616364; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #d64d42 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #bc3429 !important; +} + +.bg-secondary { + background-color: #3ba5fc !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #098efb !important; +} + +.bg-success { + background-color: #5dbf74 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #42a75a !important; +} + +.bg-info { + background-color: #2cc8c8 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #239e9e !important; +} + +.bg-warning { + background-color: #fac152 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #f9af20 !important; +} + +.bg-danger { + background-color: #f9777f !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #f74651 !important; +} + +.bg-light { + background-color: #ebeef2 !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #ccd4de !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #d64d42 !important; +} + +.border-secondary { + border-color: #3ba5fc !important; +} + +.border-success { + border-color: #5dbf74 !important; +} + +.border-info { + border-color: #2cc8c8 !important; +} + +.border-warning { + border-color: #fac152 !important; +} + +.border-danger { + border-color: #f9777f !important; +} + +.border-light { + border-color: #ebeef2 !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0 !important; +} + +.rounded-top { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +.rounded-right { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-left { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #d64d42 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #a72e24 !important; +} + +.text-secondary { + color: #3ba5fc !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #0480e7 !important; +} + +.text-success { + color: #5dbf74 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #3b9550 !important; +} + +.text-info { + color: #2cc8c8 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #1e8989 !important; +} + +.text-warning { + color: #fac152 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #f8a608 !important; +} + +.text-danger { + color: #f9777f !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #f62e3a !important; +} + +.text-light { + color: #ebeef2 !important; +} + +a.text-light:hover, a.text-light:focus { + color: #bdc7d4 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #30445f !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: normal; + font-stretch: normal; + src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 200; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 300; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 400; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 600; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 700; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff"); +} +@font-face { + font-family: "Source Sans Pro"; + font-weight: 900; + font-style: italic; + font-stretch: normal; + src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #ffffff; + --rz-base-100: #f3f5f7; + --rz-base-200: #ebeef2; + --rz-base-300: #d9e1ea; + --rz-base-400: #87a4c4; + --rz-base-500: #7293b6; + --rz-base-600: #466791; + --rz-base-700: #395374; + --rz-base-800: #30445f; + --rz-base-900: #2b3a50; + --rz-primary: #d64d42; + --rz-primary-light: #db6259; + --rz-primary-lighter: rgba(214, 77, 66, 0.16); + --rz-primary-dark: #c5473d; + --rz-primary-darker: #a13a32; + --rz-secondary: #3ba5fc; + --rz-secondary-light: #53b0fc; + --rz-secondary-lighter: rgba(59, 165, 252, 0.2); + --rz-secondary-dark: #3698e8; + --rz-secondary-darker: #2c7cbd; + --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-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #d64d42; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #3ba5fc; + --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; +} + +:root { + --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-100); + --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --rz-icon-size: 1.25rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-secondary); +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-500); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-500) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200); +} + +:root { + --rz-border-radius: 0; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --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); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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; +} + +:root { + --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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.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-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +label { + margin-bottom: 0; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +::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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-light.rz-variant-flat:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-lg { + font-size: 1rem; + font-weight: 600; + 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)); +} +.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-paginator-element { + padding: 0.875rem; +} +.rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: var(--rz-body-font-size); + font-weight: 600; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; +} +.rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0.5rem 1rem 0.5rem 0.5rem; +} +.rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only { + padding: 0.5rem; +} +.rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: var(--rz-body-font-size); + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1.25rem; + min-height: 1.75rem; + min-width: 1.75rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-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-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-paginator-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 { + font-size: 0.75rem; + font-weight: 600; + padding: 0.125rem 0.25rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; +} +.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-paginator-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); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: 10rem; + --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: 700; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: uppercase; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0 0 0 0.5rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: var(--rz-border-radius); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: 0.875rem; + --rz-input-height: 2.25rem; + --rz-input-line-height: 1.429; + --rz-input-padding: 0.4375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); + --rz-input-disabled-background-color: var(--rz-base-100); + --rz-input-disabled-color: var(--rz-text-tertiary-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-background-color); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: var(--rz-border-base-200); + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: none; +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: var(--rz-border-base-200); + --rz-footer-color: var(--rz-text-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 250px; + --rz-sidebar-border-right: var(--rz-border-normal); + --rz-sidebar-background-color: var(--rz-base-800); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1.25rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-100); + --rz-card-shadow: var(--rz-shadow-2); + --rz-card-border: var(--rz-border-normal); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 0.25rem 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: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0; + --rz-accordion-toggle-icon-order: 0; + --rz-accordion-selected-color: var(--rz-secondary); + --rz-accordion-hover-color: var(--rz-secondary); + --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: none; +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "arrow_right"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --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-200); + --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus); + --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset); + --rz-panel-hover-color: var(--rz-secondary); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: none; +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: var(--rz-border-base-200); + --rz-sidebar-toggle-color: var(--rz-base-900); + --rz-sidebar-toggle-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-color: var(--rz-secondary); + --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color); + --rz-sidebar-toggle-hover-border-radius: 0; + --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus); + --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --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: 0.5rem 1rem 0.5rem 0.5rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-on-secondary-light); + --rz-menu-item-hover-background-color: var(--rz-secondary-light); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --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: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-text-color); + --rz-menu-top-item-background-color: var(--rz-base-background-color); + --rz-menu-top-item-hover-color: var(--rz-secondary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-secondary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-secondary); + --rz-context-menu-padding: 0; + --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1); +} + +.rz-context-menu .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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: var(--rz-body-font-size); + --rz-panel-menu-font-weight: 600; + --rz-panel-menu-color: var(--rz-text-contrast-color); + --rz-panel-menu-background-color: var(--rz-base-800); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3); + --rz-panel-menu-hover-color: var(--rz-text-contrast-color); + --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: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-900); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-base-900); + --rz-panel-menu-item-background-color: var(--rz-base-900); + --rz-panel-menu-item-active-color: var(--rz-text-contrast-color); + --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: 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 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-hover-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-hover-color: inherit; + --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4); + --rz-panel-menu-item-2nd-level-active-color: inherit; + --rz-panel-menu-item-2nd-level-active-font-weight: inherit; + --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-hover-color: inherit; + --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6); + --rz-panel-menu-item-3rd-level-active-color: inherit; + --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: 0 0.5rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.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; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-base-background-color); + --rz-profile-menu-border: var(--rz-border-base-200); + --rz-profile-menu-padding: 0.625rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-secondary); + --rz-profile-menu-item-hover-background-color: var(--rz-secondary); + --rz-profile-menu-item-focus-outline: var(--rz-outline-focus); + --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-profile-menu-item-icon-width: var(--rz-icon-size); + --rz-profile-menu-item-icon-height: var(--rz-icon-size); + --rz-profile-menu-item-icon-font-size: var(--rz-icon-size); + --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2rem; + --rz-gravatar-height: 2rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.375rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-color); + --rz-steps-number-background-color: var(--rz-base-200); + --rz-steps-number-selected-color: var(--rz-on-secondary); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-number-focus-outline: var(--rz-outline-focus); + --rz-steps-number-focus-outline-offset: var(--rz-outline-offset); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.25rem; + --rz-checkbox-height: 1.25rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: inherit; + --rz-checkbox-label-margin: 0 1rem 0 0.5rem; + --rz-checkbox-margin: 1rem 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); + --rz-checkbox-checked-hover-border: var(--rz-input-border); + --rz-checkbox-checked-disabled-border: var(--rz-input-border); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --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); +} + +.rz-switch { + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.26rem; + height: 1.26rem; + left: 0.27rem; + margin-top: -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: ""; + top: 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); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: inherit; + --rz-radio-label-margin: 0 1rem 0 0.5rem; + --rz-radio-margin: 1rem 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); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-normal); + --rz-fieldset-border-radius: 0; + --rz-fieldset-padding: 1.25rem; + --rz-fieldset-legend-color: var(--rz-text-tertiary-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 0 1rem; + --rz-fieldset-legend-padding: 0 1rem; + --rz-fieldset-toggle-width: 1.125rem; + --rz-fieldset-toggle-margin: 0 0.5rem 0 0; + --rz-fieldset-toggle-height: 1.125rem; + --rz-fieldset-toggle-background-color: var(--rz-base-200); + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1rem; + --rz-fieldset-toggle-border: none; + --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus); + --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --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: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-100); + --rz-dropdown-filter-padding: 0.5rem 0; + --rz-dropdown-open-background-color: var(--rz-base-background-color); + --rz-dropdown-open-border: var(--rz-input-border); + --rz-dropdown-panel-border: var(--rz-input-border); + --rz-dropdown-panel-shadow: none; + --rz-dropdown-chips-padding: var(--rz-input-padding); + --rz-multiselect-checkbox-margin: 0 0.5rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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: 0 0.5rem 0 0; + --rz-listbox-header-padding: 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; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-background-color); + --rz-slider-border: var(--rz-border-normal); + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 0.5rem; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-secondary-lighter); + --rz-slider-range-border: var(--rz-border-secondary-light); + --rz-slider-handle-width: 0.75rem; + --rz-slider-handle-height: 1.5rem; + --rz-slider-handle-color: var(--rz-on-secondary); + --rz-slider-handle-background-color: var(--rz-secondary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2); + --rz-slider-handle-shadow: none; + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-secondary-light); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2); + --rz-slider-handle-focus-outline: var(--rz-outline-focus); + --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset); + --rz-slider-disabled-background-color: var(--rz-base-background-color); + --rz-slider-disabled-border: var(--rz-border-disabled); + --rz-slider-disabled-range-background-color: var(--rz-base-100); + --rz-slider-disabled-range-border: var(--rz-border-normal); + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-300); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-secondary); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.3; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-secondary); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --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-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --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-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary); + --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-background-color: var(--rz-base-200); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 2.8125rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 1rem; + --rz-datepicker-footer-line-height: 2.8125rem; + --rz-datepicker-calendar-padding: 0.5rem 0.875rem; + --rz-datepicker-calendar-header-font-size: 0.625rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: var(--rz-body-font-size); + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light); + --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light); + --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary); + --rz-datepicker-calendar-border: var(--rz-border-base-100); + --rz-datepicker-calendar-border-radius: 0; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-secondary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: none; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 47px; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-200); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-secondary); + --rz-timepicker-button-color: var(--rz-on-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; +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: 1.25rem; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0.5rem; + --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-300); + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-on-secondary); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-200); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: var(--rz-border-radius); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-300); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-secondary); + --rz-upload-choose-color: var(--rz-on-secondary); + --rz-upload-choose-hover-background-color: var(--rz-secondary); + --rz-upload-choose-hover-color: var(--rz-on-secondary); + --rz-upload-choose-active-background-color: var(--rz-secondary-dark); + --rz-upload-choose-active-color: var(--rz-on-secondary-dark); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-normal); + --rz-grid-right-cell-border: var(--rz-border-normal); + --rz-grid-bottom-cell-border: var(--rz-border-normal); + --rz-grid-cell-padding: 0.5rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: var(--rz-body-font-size); + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter); + --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter); + --rz-grid-cell-focus-outline: var(--rz-outline-focus); + --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-grid-hover-background-color: var(--rz-secondary-lighter); + --rz-grid-hover-color: var(--rz-on-secondary-lighter); + --rz-grid-focus-outline: var(--rz-outline-focus); + --rz-grid-focus-outline-offset: var(--rz-outline-offset); + --rz-grid-selected-background-color: var(--rz-secondary-dark); + --rz-grid-selected-color: var(--rz-on-secondary-dark); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: var(--rz-border-normal); + --rz-grid-header-cell-border-bottom: none; + --rz-grid-header-background-color: var(--rz-base-200); + --rz-grid-header-font-size: 0.75rem; + --rz-grid-header-line-height: 1rem; + --rz-grid-header-font-weight: 600; + --rz-grid-header-text-transform: uppercase; + --rz-grid-header-color: var(--rz-text-color); + --rz-grid-header-cell-padding: 0.625rem 0; + --rz-grid-header-title-padding: 0 0 0 0.5rem; + --rz-grid-header-sorted-background-color: var(--rz-base-300); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-200); + --rz-grid-filter-background-color: var(--rz-base-100); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: var(--rz-border-normal); + --rz-grid-filter-font-size: var(--rz-body-font-size); + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --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: 1rem; + --rz-grid-filter-buttons-border: var(--rz-border-normal); + --rz-grid-filter-buttons-background-color: var(--rz-base-200); + --rz-grid-clear-filter-button-background-color: var(--rz-secondary); + --rz-grid-clear-filter-button-color: var(--rz-on-secondary); + --rz-grid-clear-filter-button-shadow: inherit; + --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: inherit; + --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1rem; + --rz-grid-border: var(--rz-border-normal); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1rem; + --rz-grid-sort-icon-height: 1rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-stripe-background-color: var(--rz-base-100); + --rz-grid-stripe-odd-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.5rem; + --rz-grid-column-resizer-helper-width: 0.25rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-background-color); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-normal); + --rz-grid-frozen-cell-background-color: var(--rz-base-200); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 0.5rem; + --rz-grid-group-header-item-background-color: var(--rz-base-background-color); + --rz-grid-group-header-item-padding: 0.5rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --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-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-color); + --rz-column-drag-handle-hover-color: var(--rz-text-color); + --rz-column-drag-handle-margin: 0 auto 0 0; + --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: var(--rz-base-background-color); + --rz-paginator-padding: 0.5rem; + --rz-paginator-border: var(--rz-border-normal); + --rz-paginator-button-border-radius: var(--rz-border-radius); + --rz-paginator-numeric-button-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: 1px solid transparent; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-200); + --rz-paginator-numeric-button-hover-color: var(--rz-text-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.4375rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-base-background-color); + --rz-paginator-numeric-button-selected-color: var(--rz-primary); + --rz-paginator-numeric-button-selected-border: var(--rz-border-base-200); + --rz-paginator-numeric-button-selected-padding: 0.4375rem; + --rz-paginator-numeric-button-min-width: 2.25rem; + --rz-paginator-back-button-background-color: var(--rz-base-200); + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-200); + --rz-paginator-back-button-hover-color: var(--rz-text-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: var(--rz-base-200); + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-200); + --rz-paginator-next-button-hover-color: var(--rz-text-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: var(--rz-body-font-size); + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --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-100); +} + +.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); +} + +:root { + --rz-tree-background-color: var(--rz-base-background-color); + --rz-tree-node-padding: 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: 1px 0; + --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; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "arrow_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "arrow_drop_down"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --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-200); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-datalist-item-border: var(--rz-border-base-200); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-normal); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-200); + --rz-scheduler-toolbar-title-font-size: 1rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-secondary); + --rz-scheduler-prev-next-button-color: var(--rz-on-secondary); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); + --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; + --rz-scheduler-today-button-margin-left: 0.5rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.75rem; + --rz-scheduler-today-button-text-transform: uppercase; + --rz-scheduler-view-button-border: var(--rz-border-normal); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-on-secondary); + --rz-scheduler-view-selected-background-color: var(--rz-secondary); + --rz-scheduler-view-selected-border-color: var(--rz-secondary); + --rz-scheduler-header-background-color: var(--rz-base-200); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-normal); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-info); + --rz-scheduler-event-background-color: var(--rz-info); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 1px; + --rz-scheduler-year-slot-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 { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1.25rem; + --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); + --rz-tabs-border: var(--rz-border-base-200); + --rz-tabs-border-radius: var(--rz-border-radius); + --rz-tabs-background-color: var(--rz-base-background-color); + --rz-tabs-tab-font-size: var(--rz-body-font-size); + --rz-tabs-tab-line-height: var(--rz-body-line-height); + --rz-tabs-tab-font-weight: normal; + --rz-tabs-tab-text-transform: none; + --rz-tabs-tab-letter-spacing: 0; + --rz-tabs-tab-padding: 0.5rem 1rem; + --rz-tabs-tab-background-color: var(--rz-base-200); + --rz-tabs-tab-color: var(--rz-secondary); + --rz-tabs-tab-selected-color: var(--rz-text-title-color); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: var(--rz-base-background-color); + --rz-tabs-tab-hover-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-background-color: var(--rz-base-background-color); + --rz-tabs-tab-focus-color: var(--rz-secondary-light); + --rz-tabs-tab-focus-outline: var(--rz-outline-focus); + --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --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: 0.875rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --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-100); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 0.6875rem 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-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 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); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1rem; + --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); +} + +.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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: var(--rz-secondary); + --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius)); + --rz-scrollbar-size: 16px; +} + +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); +} + +:root { + --rz-login-register-background-color: var(--rz-base-100); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: var(--rz-base-background-color); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-200); + --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; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-legend-focus-outline: var(--rz-outline-focus); + --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset); + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --rz-editor-border: var(--rz-input-border); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary); + --rz-editor-button-selected-color: var(--rz-on-secondary); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); + --rz-editor-focus-outline: var(--rz-outline-focus); + --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-on-secondary); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-secondary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: 0; + --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); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.25rem 0; + --rz-alert-icon-margin: 0.25rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.625rem 0 0; + --rz-form-field-start-end-padding: var(--rz-input-padding); + --rz-form-field-filled-height: 3.25rem; + --rz-form-field-filled-padding: 1.4375rem 0.4375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.5rem 1.25rem 0.5rem 0.5rem; + --rz-form-field-filled-background-color: var(--rz-base-100); + --rz-form-field-filled-hover-background-color: var(--rz-base-200); + --rz-form-field-filled-border: var(--rz-input-border); + --rz-form-field-filled-hover-border: var(--rz-input-hover-border); + --rz-form-field-filled-focus-border: var(--rz-input-focus-border); + --rz-form-field-filled-border-radius: var(--rz-border-radius); + --rz-form-field-filled-label-floating-top: 0.25rem; + --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-filled-underline-display: none; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: none; + --rz-form-field-focus-shadow: none; + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0.125rem 0.1875rem; + --rz-form-field-text-label-padding: 0.125rem 0; + --rz-form-field-label-left: 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; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --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-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: 0; +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material-base.css b/_content/Radzen.Blazor/css/material-base.css new file mode 100755 index 0000000..6ba1441 --- /dev/null +++ b/_content/Radzen.Blazor/css/material-base.css @@ -0,0 +1,20936 @@ +@charset "UTF-8"; +.rz-button { + position: relative; + overflow: hidden; +} +.rz-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-button:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-on-primary); +} + +.sidebar-toggle { + position: relative; + overflow: hidden; +} +.sidebar-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.sidebar-toggle:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-navigation-item-link, +.rz-menu-toggle { + position: relative; + overflow: hidden; +} +.rz-navigation-item-link:not(.rz-state-disabled):before, +.rz-menu-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-navigation-item-link:not(.rz-state-disabled):active:before, +.rz-menu-toggle:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.panel-menu .navigation-item-wrapper-active:before { + display: none; +} + +.rz-panel-menu .rz-navigation-item-link { + background-position: center; + transition: background-size 0.8s; + background: radial-gradient(circle, transparent 1%, var(--rz-base-300) 1%) center/15000%; +} +.rz-panel-menu .rz-navigation-item-link:active { + background-color: var(--rz-base-300); + transition: background-size 0s; + background-size: 100%; +} +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-chkbox-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-chkbox-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-chkbox-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-chkbox-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { + transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition); + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px rgba(0, 0, 0, 0.04); +} + +.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px var(--rz-primary-lighter); +} + +.rz-radiobutton-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-radiobutton-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} +.rz-slider .rz-slider-handle:before { + display: none; +} + +.rz-selectbutton .rz-button { + box-shadow: none; +} +.rz-selectbutton .rz-button:hover { + box-shadow: none !important; + background: var(--rz-base-200); +} + +.rz-datepicker-inline:not(.ng-trigger) table { + width: 100%; +} + +.rz-datepicker.rz-popup { + width: 340px !important; +} +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-title .rz-dropdown { + min-width: 100px !important; + margin-top: 0.75rem !important; +} +.rz-datepicker-title .rz-dropdown:first-child { + min-width: 140px !important; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-timepicker { + flex-wrap: wrap; +} +.rz-timepicker .rz-spinner { + flex: 1; +} +.rz-timepicker > .rz-button { + flex-basis: 100%; +} + +.rz-calendar .rz-inputtext { + padding-right: 2.5rem !important; +} + +.rz-spinner .rz-spinner-button { + box-shadow: none; +} +.rz-spinner .rz-spinner-button:hover { + box-shadow: none !important; +} + +.rz-fileupload-choose.rz-button { + background-position: center; + transition: background-size 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.12) 1%) center/15000%; +} +.rz-fileupload-choose.rz-button:active { + background-color: rgba(0, 0, 0, 0.12); + transition: background-size 0s; + background-size: 100%; +} +.rz-fileupload-choose.rz-button input { + z-index: 1; +} + +.rz-datatable .rz-col-icon { + border-right: var(--rz-border-base-300); +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-300); + --rz-grid-header-cell-border: var(--rz-border-base-300); +} + +.rz-paginator-pages { + max-height: 3rem; +} + +.rz-paginator-element { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:hover { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-tree-toggler { + position: relative; +} + +.rz-tree-toggler.rzi-caret-right:before { + margin-left: 0 !important; +} +.rz-tree-toggler.rzi-caret-down:before { + margin-left: 0 !important; +} +.rz-tree-toggler:after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition); +} +.rz-tree-toggler:active:after { + left: 0; + top: -0.25rem; + width: 2rem; + height: 2rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} + +.rz-scheduler-nav .rz-button { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-scheduler-nav .rz-button:hover { + box-shadow: var(--rz-shadow-0) !important; + background: var(--rz-base-200); +} +.rz-scheduler-nav .rz-button:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-view-header { + border-top: none !important; +} +.rz-year-view .rz-view-header { + border-bottom: none !important; +} + +.rz-tabview-nav > li > a { + position: relative; + overflow: hidden; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-tabview.rz-tabview-top > .rz-tabview-nav li { + border-bottom: 2px solid transparent; +} +.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { + border-top-width: 0; + border-bottom: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li { + border-top: 2px solid transparent; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { + border-bottom-width: 0; + border-top: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav li { + border-right: 2px solid transparent; +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { + border-left-width: 0; + border-right: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav li { + border-left: 2px solid transparent; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { + border-right-width: 0; + border-left: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-top > .rz-tabview-panels { + border-top: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-panels { + border-bottom: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-left > .rz-tabview-panels { + border-left: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-right > .rz-tabview-panels { + border-right: var(--rz-border-base-300); +} + +.rz-login .rz-textbox.invalid { + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +.rz-html-editor-toolbar { + font-size: 0.825rem; +} +.rz-html-editor-toolbar .rz-html-editor-button { + position: relative; + overflow: hidden; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 300; + src: url("../fonts/roboto-v30-latin-300.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: url("../fonts/roboto-v30-latin-regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: url("../fonts/roboto-v30-latin-500.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: url("../fonts/roboto-v30-latin-700.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #fafafa; + --rz-base-100: #f5f5f5; + --rz-base-200: #eeeeee; + --rz-base-300: #e0e0e0; + --rz-base-400: #bdbdbd; + --rz-base-500: #9e9e9e; + --rz-base-600: #757575; + --rz-base-700: #616161; + --rz-base-800: #424242; + --rz-base-900: #212121; + --rz-primary: #4340D2; + --rz-primary-light: #6966db; + --rz-primary-lighter: rgba(67, 64, 210, 0.12); + --rz-primary-dark: #3633a8; + --rz-primary-darker: #2e2c8f; + --rz-secondary: #e91e63; + --rz-secondary-light: #ed4b82; + --rz-secondary-lighter: rgba(233, 30, 99, 0.12); + --rz-secondary-dark: #ba184f; + --rz-secondary-darker: #9e1443; + --rz-info: #2196f3; + --rz-info-light: #4dabf5; + --rz-info-lighter: rgba(33, 150, 243, 0.2); + --rz-info-dark: #1a78c2; + --rz-info-darker: #1666a5; + --rz-success: #4caf50; + --rz-success-light: #70bf73; + --rz-success-lighter: rgba(76, 175, 80, 0.16); + --rz-success-dark: #3d8c40; + --rz-success-darker: #347736; + --rz-warning: #ff9800; + --rz-warning-light: #ffad33; + --rz-warning-lighter: rgba(255, 152, 0, 0.2); + --rz-warning-dark: #cc7a00; + --rz-warning-darker: #ad6700; + --rz-danger: #f44336; + --rz-danger-light: #f6695e; + --rz-danger-lighter: rgba(244, 67, 54, 0.2); + --rz-danger-dark: #c3362b; + --rz-danger-darker: #a62e25; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #4340D2; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #e91e63; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #2196f3; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #4caf50; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #ffffff; + --rz-on-warning-light: #ffffff; + --rz-on-warning-lighter: #ff9800; + --rz-on-warning-dark: #ffffff; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #f44336; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #3700b3; + --rz-series-2: #ba68c8; + --rz-series-3: #f06292; + --rz-series-4: #ff8a65; + --rz-series-5: #ffee58; + --rz-series-6: #9ccc65; + --rz-series-7: #26a69a; + --rz-series-8: #4fc3f7; + --rz-series-9: #7f5cce; + --rz-series-10: #ce93d8; + --rz-series-11: #f48fb1; + --rz-series-12: #ffab91; + --rz-series-13: #fff176; + --rz-series-14: #aed581; + --rz-series-15: #4db6ac; + --rz-series-16: #81d4fa; + --rz-series-17: #a58cdd; + --rz-series-18: #e1bee7; + --rz-series-19: #f8bbd0; + --rz-series-20: #ffccbc; + --rz-series-21: #fff59d; + --rz-series-22: #c5e1a5; + --rz-series-23: #80cbc4; + --rz-series-24: #b3e5fc; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 1rem; + --rz-body-line-height: 1.5; + --rz-body-background-color: var(--rz-base-100); + --rz-text-font-family: Roboto, sans-serif; + --rz-icon-size: 1.5rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-primary); +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-500); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-500) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-900); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-300); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14); + --rz-shadow-2: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-3: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-4: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); + --rz-shadow-5: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-6: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-7: 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.14); + --rz-shadow-8: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-9: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14); + --rz-shadow-10: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.14); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 100; + --rz-text-display-h1-letter-spacing: -1.5px; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 100; + --rz-text-display-h2-letter-spacing: -0.5px; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-letter-spacing: 0; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-letter-spacing: 0.25px; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-letter-spacing: 0; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 500; + --rz-text-display-h6-letter-spacing: 0.15px; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 100; + --rz-text-h1-letter-spacing: -1.5px; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 100; + --rz-text-h2-letter-spacing: -0.5px; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-letter-spacing: 0; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-letter-spacing: 0.25px; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-letter-spacing: 0; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 500; + --rz-text-h6-letter-spacing: 0.15px; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: 1.5; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-letter-spacing: 0.15px; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: 1.5; + --rz-text-subtitle2-font-weight: 500; + --rz-text-subtitle2-letter-spacing: 0.1px; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: 1.5; + --rz-text-body1-font-weight: 400; + --rz-text-body1-letter-spacing: 0.5px; + --rz-text-body1-color: var(--rz-text-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: 1.5; + --rz-text-body2-font-weight: 400; + --rz-text-body2-letter-spacing: 0.25px; + --rz-text-body2-color: var(--rz-text-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 500; + --rz-text-button-letter-spacing: 1.25px; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-color); + --rz-text-button-margin-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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: var(--rz-shadow-1); + --rz-button-transition: var(--rz-transition-all), width 0, height 0; + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-3); + --rz-button-hover-gradient: none; + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-3); + --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: var(--rz-outline-normal); + --rz-button-focus-outline-offset: var(--rz-outline-offset); + --rz-button-active-shadow: var(--rz-shadow-6); + --rz-button-active-gradient: none; + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.2; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-light.rz-variant-flat:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-paginator-element, .rz-button-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.75rem 1.5rem; + height: auto; + line-height: 1.5rem; + min-height: 3rem; + min-width: 3rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-paginator-element .rz-button-box, .rz-button-lg .rz-button-box { + line-height: 1.5rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-button-lg.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator-element, .rz-button-lg.rz-button-icon-only { + padding: 0.75rem; +} +.rz-paginator-element .rzi, .rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only, .rz-button-md.rz-paginator-element { + padding: 0.5rem; +} +.rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1.25rem; + height: 1.25rem; + line-height: 1.25rem; + width: 1.25rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 0.75rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; + letter-spacing: 0.75px; + text-transform: uppercase; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.25rem 0.5rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; + letter-spacing: 0; + text-transform: uppercase; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 1rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.25rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --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: 500; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: uppercase; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0.125rem 0.125rem 0.125rem 0.75rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: calc(4 * var(--rz-border-radius)); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2.5rem; + --rz-input-line-height: var(--rz-body-line-height); + --rz-input-padding: 0.4375rem 0.9375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-background-color); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all), width 0, height 0; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-primary); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-on-primary); + --rz-header-shadow: var(--rz-shadow-4); +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: var(--rz-border-base-200); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-text-color); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-background-color); + --rz-card-shadow: var(--rz-shadow-1); + --rz-card-border: var(--rz-border-base-300); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 1rem; + --rz-accordion-item-margin: 0; + --rz-accordion-item-border: var(--rz-border-base-200); + --rz-accordion-item-background-color: var(--rz-base-background-color); + --rz-accordion-item-color: var(--rz-text-secondary-color); + --rz-accordion-item-focus-outline: var(--rz-outline-focus); + --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-accordion-item-line-height: 1.5rem; + --rz-accordion-item-font-size: var(--rz-body-font-size); + --rz-accordion-item-font-weight: 500; + --rz-accordion-icon-width: var(--rz-icon-size); + --rz-accordion-icon-height: var(--rz-icon-size); + --rz-accordion-icon-font-size: var(--rz-icon-size); + --rz-accordion-icon-margin: 0 0.75rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem; + --rz-accordion-toggle-icon-order: 1; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 1rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: var(--rz-shadow-1); +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_down"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_up"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 1rem; + --rz-panel-title-line-height: 1.5rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus); + --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset); + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-1); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-on-primary); + --rz-sidebar-toggle-background-color: transparent; + --rz-sidebar-toggle-hover-color: var(--rz-on-primary-light); + --rz-sidebar-toggle-hover-background-color: var(--rz-primary-light); + --rz-sidebar-toggle-hover-border-radius: 50%; + --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus); + --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --rz-menu-background-color: var(--rz-base-background-color); + --rz-menu-border: none; + --rz-menu-border-radius: var(--rz-border-radius); + --rz-menu-item-padding: 0.5rem 1rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-text-title-color); + --rz-menu-item-hover-background-color: var(--rz-base-100); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-title-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-text-title-color); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-on-primary); + --rz-menu-top-item-background-color: var(--rz-primary); + --rz-menu-top-item-hover-color: var(--rz-on-primary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-on-primary); + --rz-menu-top-item-icon-color: var(--rz-on-primary); + --rz-menu-top-item-icon-hover-color: var(--rz-on-primary); + --rz-context-menu-padding: 0.5rem 0; + --rz-context-menu-box-shadow: var(--rz-shadow-6); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-font-weight: 500; + --rz-panel-menu-color: var(--rz-text-title-color); + --rz-panel-menu-background-color: var(--rz-base-background-color); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.04); + --rz-panel-menu-hover-color: var(--rz-text-title-color); + --rz-panel-menu-focus-outline: var(--rz-outline-focus); + --rz-panel-menu-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-panel-menu-item-line-height: 1.5rem; + --rz-panel-menu-item-padding: 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-200); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-active-color: var(--rz-on-primary-lighter); + --rz-panel-menu-item-active-indicator: var(--rz-secondary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--rz-transition); + --rz-panel-menu-2nd-level-vertical-offset: 0.5rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.5rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.5rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --rz-panel-menu-item-2nd-level-offset: 3rem; + --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-item-2nd-level-font-weight: 400; + --rz-panel-menu-item-2nd-level-color: var(--rz-text-tertiary-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-on-primary-lighter); + --rz-panel-menu-item-2nd-level-active-font-weight: 500; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-3rd-level-active-color: var(--rz-on-primary-lighter); + --rz-panel-menu-icon-width: var(--rz-icon-size); + --rz-panel-menu-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-icon-color: var(--rz-text-tertiary-color); + --rz-panel-menu-icon-height: var(--rz-icon-size); + --rz-panel-menu-icon-margin: 0 1rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 1rem 0 -2.25rem; + --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-primary); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-contrast-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-100); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2.5rem; + --rz-gravatar-height: 2.5rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.25rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-on-secondary); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-number-focus-outline: var(--rz-outline-focus); + --rz-steps-number-focus-outline-offset: var(--rz-outline-offset); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.125rem; + --rz-checkbox-height: 1.125rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: 2px; + --rz-checkbox-label-margin: 0 1rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-focus-outline: var(--rz-outline-focus); + --rz-checkbox-focus-outline-offset: var(--rz-outline-offset); + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-light); + --rz-checkbox-checked-disabled-background-color: var(--rz-base-500); + --rz-checkbox-checked-color: var(--rz-on-primary); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary); + --rz-checkbox-checked-disabled-border: var(--rz-border-base-500); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: var(--rz-base-400); + --rz-switch-checked-background-color: var(--rz-primary-lighter); + --rz-switch-box-shadow: var(--rz-shadow-1); + --rz-switch-circle-background-color: var(--rz-text-contrast-color); + --rz-switch-checked-circle-background-color: var(--rz-on-primary-lighter); + --rz-switch-focus-outline: var(--rz-outline-focus); + --rz-switch-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.25rem; + min-width: 2.25rem; + height: 0.875rem; + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.25rem; + height: 1.25rem; + left: 0; + margin-top: -0.625rem; + 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: ""; + top: 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(1rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: 2px; + --rz-radio-label-margin: 0 1rem; + --rz-radio-margin: 1rem 0; + --rz-radio-focus-outline: var(--rz-outline-focus); + --rz-radio-focus-outline-offset: var(--rz-outline-offset); + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-300); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 0 1rem 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 1rem 0.5rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; + --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus); + --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --rz-dropdown-horizontal-padding: 1rem; + --rz-dropdown-panel-padding: 0 1rem; + --rz-dropdown-items-margin: 0 -1rem; + --rz-dropdown-items-padding: 0.5rem 0; + --rz-dropdown-item-padding: 0.75rem 1rem; + --rz-dropdown-item-font-size: var(--rz-input-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-100); + --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-color: var(--rz-on-primary-lighter); + --rz-dropdown-item-selected-hover-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-hover-color: var(--rz-on-primary-lighter); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.2; + --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-200); + --rz-dropdown-filter-padding: 1rem 0 0.5rem; + --rz-dropdown-open-background-color: var(--rz-base-background-color); + --rz-dropdown-open-border: 2px solid var(--rz-primary); + --rz-dropdown-panel-border: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-4); + --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem; + --rz-multiselect-checkbox-margin: 0 1rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --rz-listbox-background-color: var(--rz-input-background-color); + --rz-listbox-border-radius: var(--rz-input-border-radius); + --rz-listbox-border: var(--rz-input-border); + --rz-listbox-focus-border: var(--rz-input-focus-border); + --rz-listbox-focus-shadow: var(--rz-input-focus-shadow); + --rz-listbox-filter-border: var(--rz-border-base-200); + --rz-listbox-padding: 0; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 1rem 0 0; + --rz-listbox-header-padding: 0.75rem 1rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-primary-lighter); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 4px; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 20px; + --rz-slider-handle-height: 20px; + --rz-slider-handle-color: var(--rz-on-secondary); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: 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-primary); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: 0px 0px 0px 10px var(--rz-primary-lighter); + --rz-slider-handle-focus-outline: var(--rz-outline-focus); + --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset); + --rz-slider-disabled-background-color: var(--rz-base-300); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-500); + --rz-slider-disabled-range-border: none; + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-500); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-text-secondary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-disabled-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --rz-selectbar-background-color: var(--rz-base-backgorund-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-base-300); + --rz-selectbar-selected-background-color: var(--rz-primary-lighter); + --rz-selectbar-selected-color: var(--rz-on-primary-lighter); + --rz-selectbar-selected-border: var(--rz-border-base-300); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --rz-datepicker-trigger-icon-width: var(--rz-icon-size); + --rz-datepicker-trigger-icon-height: var(--rz-icon-size); + --rz-datepicker-line-height: 1.5rem; + --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-4); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: var(--rz-base-background-color); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 3.625rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 0.75rem; + --rz-datepicker-footer-line-height: 3rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: 0.75rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: 0.875rem; + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-100); + --rz-datepicker-calendar-selected-color: var(--rz-on-secondary); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary-light); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary-light); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-text-color); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px var(--rz-text-color); + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 3.5rem; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-base-300); + --rz-timepicker-button-color: var(--rz-text-color); + --rz-timepicker-button-width: 0.875rem; + --rz-timepicker-button-height: 0.875rem; + --rz-timepicker-button-border-radius: 2px; + --rz-timepicker-button-padding: 0.5rem 1rem !important; + --rz-timepicker-gap: 0.5rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: var(--rz-border-base-300); +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-numeric-button-width: 1rem; + --rz-numeric-button-height: 1rem; + --rz-numeric-button-offset: 2px; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-100); + --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-200); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-200); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-200); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-200); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-300); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-300); + --rz-grid-cell-padding: 0.625rem 1rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: 0.875rem; + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-cell-focus-background-color: var(--rz-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-base-100); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-focus-outline: var(--rz-outline-focus); + --rz-grid-focus-outline-offset: var(--rz-outline-offset); + --rz-grid-selected-background-color: var(--rz-primary-lighter); + --rz-grid-selected-color: var(--rz-on-primary-lighter); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-300); + --rz-grid-header-background-color: var(--rz-base-background-color); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1.5rem; + --rz-grid-header-font-weight: 500; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.75rem 0; + --rz-grid-header-title-padding: 0 0 0 1rem; + --rz-grid-header-sorted-background-color: var(--rz-base-200); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-100); + --rz-grid-filter-background-color: var(--rz-base-background-color); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: none; + --rz-grid-filter-font-size: 0.875rem; + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --rz-grid-filter-icon-font-size: 0.875rem; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-color: var(--rz-text-color); + --rz-grid-clear-filter-button-shadow: none; + --rz-grid-apply-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-apply-filter-button-color: var(--rz-primary); + --rz-grid-apply-filter-button-shadow: none; + --rz-grid-header-filter-icon-margin: 0 1rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1.25rem; + --rz-grid-border: var(--rz-border-base-300); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1.25rem; + --rz-grid-sort-icon-height: 1.25rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-stripe-background-color: var(--rz-base-50); + --rz-grid-stripe-odd-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.25rem; + --rz-grid-column-resizer-helper-width: 0.125rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-100); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-300); + --rz-grid-frozen-cell-background-color: var(--rz-base-background-color); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 1rem; + --rz-grid-group-header-item-background-color: var(--rz-base-200); + --rz-grid-group-header-item-padding: 0.25rem 0.5rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: var(--rz-border-base-200); + --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius)); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-disabled-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-4); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 1rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: 2rem; + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-100); + --rz-paginator-numeric-button-hover-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-primary-lighter); + --rz-paginator-numeric-button-selected-color: var(--rz-on-primary-lighter); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-min-width: 3rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-100); + --rz-paginator-back-button-hover-color: var(--rz-text-title-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-100); + --rz-paginator-next-button-hover-color: var(--rz-text-title-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: 0.875rem; + --rz-paginator-summary-color: var(--rz-text-tertiary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-background-color); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.25rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-primary-lighter); + --rz-tree-node-selected-color: var(--rz-on-primary-lighter); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 0; + --rz-tree-node-hover-background-color: var(--rz-base-100); + --rz-tree-node-hover-color: var(--rz-text-title-color); + --rz-tree-node-focus-outline: var(--rz-outline-focus); + --rz-tree-node-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-tree-node-toggle-width: 2rem; + --rz-tree-node-toggle-color: var(--rz-text-tertiary-color); + --rz-tree-node-toggle-hover-color: var(--rz-text-color); + --rz-tree-transition: var(--rz-transition-all), width 0, height 0; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "chevron_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "expand_more"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-1); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-300); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-300); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-base-300); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-background-color); + --rz-scheduler-toolbar-title-font-size: 1.5rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color); + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: 2rem; + --rz-scheduler-next-button-border-radius: 2rem; + --rz-scheduler-today-button-margin-left: 1rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.875rem; + --rz-scheduler-today-button-text-transform: capitalize; + --rz-scheduler-view-button-border: var(--rz-border-base-300); + --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-primary-lighter); + --rz-scheduler-view-selected-background-color: var(--rz-primary-lighter); + --rz-scheduler-view-selected-border-color: var(--rz-base-300); + --rz-scheduler-header-background-color: var(--rz-base-background-color); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-base-300); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-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: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 0.25rem; + --rz-scheduler-year-slot-title-width: fit-content; + --rz-scheduler-year-slot-title-border-radius: 50%; + --rz-scheduler-planner-slot-width: 3rem; + --rz-scheduler-planner-slot-height: 4.5rem; + --rz-scheduler-focus-outline: var(--rz-outline-focus); + --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-scheduler { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 0.875rem; + --rz-tabs-tab-line-height: 1.5rem; + --rz-tabs-tab-font-weight: 500; + --rz-tabs-tab-text-transform: uppercase; + --rz-tabs-tab-letter-spacing: 1.25px; + --rz-tabs-tab-padding: 0.75rem 1rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-primary); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: var(--rz-base-200); + --rz-tabs-tab-hover-color: var(--rz-text-title-color); + --rz-tabs-tab-focus-background-color: var(--rz-base-200); + --rz-tabs-tab-focus-color: var(--rz-text-title-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: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --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); +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-background-color); + --rz-dialog-shadow: var(--rz-shadow-9); + --rz-dialog-title-background-color: var(--rz-base-background-color); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.5rem 1.5rem 0 1.5rem; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.5rem; + --rz-dialog-title-font-weight: 500; + --rz-dialog-title-letter-spacing: 0.0125em; + --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-title-color); + --rz-dialog-close-vertical-align: middle; + --rz-dialog-content-padding: 1.5rem; + --rz-dialog-mask-background-color: var(--rz-base-800); + --rz-dialog-border-radius: var(--rz-border-radius); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 0; + --rz-notification-container-background-color: var(--rz-white); + --rz-notification-shadow: none; + --rz-notification-border-radius: var(--rz-border-radius); + --rz-notification-success-color: var(--rz-success); + --rz-notification-success-background-color: var(--rz-success-lighter); + --rz-notification-success-icon-color: var(--rz-success); + --rz-notification-warning-color: var(--rz-warning); + --rz-notification-warning-background-color: var(--rz-warning-lighter); + --rz-notification-warning-icon-color: var(--rz-warning); + --rz-notification-error-color: var(--rz-danger); + --rz-notification-error-background-color: var(--rz-danger-lighter); + --rz-notification-error-icon-color: var(--rz-danger); + --rz-notification-info-color: var(--rz-info); + --rz-notification-info-background-color: var(--rz-info-lighter); + --rz-notification-info-icon-color: var(--rz-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-on-danger); + --rz-validator-shadow: 0 6px 14px 0 rgba(244, 67, 54, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(0, 0, 0, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +.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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-primary-lighter); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.25rem; + --rz-progressbar-border-radius: 0; + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 0; + --rz-progressbar-circular-value-stroke-width: 3px; + --rz-progressbar-circular-value-endpoint: square; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-base-500); + --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-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --rz-editor-border: var(--rz-border-base-300); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary-lighter); + --rz-editor-button-selected-color: var(--rz-on-secondary-lighter); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); + --rz-editor-focus-outline: var(--rz-outline-focus); + --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-on-primary); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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.125rem 0; + --rz-alert-title-color: var(--rz-text-h6-color); + --rz-alert-icon-color: var(--rz-alert-color); + --rz-alert-icon-margin: 0.125rem 0; + --rz-alert-icon-size: var(--rz-icon-size); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.5rem 0 0; + --rz-form-field-start-end-padding: 0 0.75rem; + --rz-form-field-filled-height: 3.375rem; + --rz-form-field-filled-padding: 1.4375rem 0.9375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-form-field-filled-background-color: var(--rz-base-200); + --rz-form-field-filled-hover-background-color: var(--rz-base-300); + --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-200); + --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-300); + --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-200); + --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + --rz-form-field-filled-label-floating-top: 0.5rem; + --rz-form-field-filled-hover-shadow: none; + --rz-form-field-filled-focus-shadow: none; + --rz-form-field-filled-underline-display: block; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0 0.25rem; + --rz-form-field-text-label-padding: 0; + --rz-form-field-label-left: 0.6875rem; + --rz-form-field-label-textarea-top: 0.5rem; + --rz-form-field-label-floating-top: -0.5625rem; + --rz-form-field-label-floating-background-color: var(--rz-input-background-color); + --rz-form-field-helper-padding: 0 1rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material-dark-base.css b/_content/Radzen.Blazor/css/material-dark-base.css new file mode 100755 index 0000000..457a76e --- /dev/null +++ b/_content/Radzen.Blazor/css/material-dark-base.css @@ -0,0 +1,20372 @@ +@charset "UTF-8"; +/*! +The contents of this file are copyrighted and cannot be used outside of blazor.radzen.com +To use it in your application you need an active Radzen/Radzen Blazor Studio Professional or Enterprise subscription - https://www.radzen.com/princing +Any questions concerning the use or status of this file should be directed to info@radzen.com +*/ +.rz-button { + position: relative; + overflow: hidden; +} +.rz-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-primary); +} + +.rz-sidebar-toggle { + position: relative; + overflow: hidden; +} +.rz-sidebar-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-sidebar-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-navigation-item-link, +.rz-menu-toggle { + position: relative; + overflow: hidden; +} +.rz-navigation-item-link:not(.rz-state-disabled):before, +.rz-menu-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-navigation-item-link:not(.rz-state-disabled):active:before, +.rz-menu-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.panel-menu .navigation-item-wrapper-active:before { + display: none; +} + +.rz-panel-menu .rz-navigation-item-link { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.08) 1%) center/15000%; +} +.rz-panel-menu .rz-navigation-item-link:active { + background-color: rgba(255, 255, 255, 0.08); + transition: background 0s; + background-size: 100%; +} +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-600); +} + +.rz-chkbox-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-chkbox-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-300); + opacity: 0.3; +} +.rz-chkbox-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-200); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-chkbox-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { + transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition); + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px rgba(255, 255, 255, 0.08); +} + +.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px var(--rz-primary-lighter); +} + +.rz-radiobutton-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-300); + opacity: 0.3; +} +.rz-radiobutton-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-200); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} +.rz-slider .rz-slider-handle:before { + display: none; +} + +.rz-selectbutton .rz-button { + box-shadow: none; +} +.rz-selectbutton .rz-button:hover { + box-shadow: none !important; + background: var(--rz-base-600); +} + +.rz-datepicker-inline:not(.ng-trigger) table { + width: 100%; +} + +.rz-datepicker.rz-popup { + width: 340px !important; +} +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-title .rz-dropdown { + min-width: 100px !important; + margin-top: 0.75rem !important; +} +.rz-datepicker-title .rz-dropdown:first-child { + min-width: 140px !important; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-timepicker { + flex-wrap: wrap; +} +.rz-timepicker .rz-spinner { + flex: 1; +} +.rz-timepicker > .rz-button { + flex-basis: 100%; +} + +.rz-calendar .rz-inputtext { + padding-right: 2.5rem !important; +} + +.rz-spinner .rz-spinner-button { + box-shadow: none; +} +.rz-spinner .rz-spinner-button:hover { + box-shadow: none !important; +} + +.rz-fileupload-choose.rz-button { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.08) 1%) center/15000%; +} +.rz-fileupload-choose.rz-button:active { + background-color: rgba(255, 255, 255, 0.08); + transition: background 0s; + background-size: 100%; +} +.rz-fileupload-choose.rz-button input { + z-index: 1; +} + +.rz-datatable .rz-col-icon { + border-right: var(--rz-border-base-600); +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-600); + --rz-grid-header-cell-border: var(--rz-border-base-600); +} + +.rz-paginator-pages { + max-height: 3rem; +} + +.rz-paginator-element { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:hover { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-tree-toggler { + position: relative; +} + +.rz-tree-toggler.rzi-caret-right:before { + margin-left: 0 !important; +} +.rz-tree-toggler.rzi-caret-down:before { + margin-left: 0 !important; +} +.rz-tree-toggler:after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition); +} +.rz-tree-toggler:active:after { + left: 0; + top: -0.25rem; + width: 2rem; + height: 2rem; + background-color: var(--rz-base-200); + opacity: 0.3; +} + +.rz-scheduler-nav .rz-button { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-scheduler-nav .rz-button:hover { + box-shadow: var(--rz-shadow-0) !important; + background: var(--rz-base-600); +} +.rz-scheduler-nav .rz-button:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-view-header { + border-top: none !important; +} +.rz-year-view .rz-view-header { + border-bottom: none !important; +} + +.rz-tabview-nav > li > a { + position: relative; + overflow: hidden; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-tabview.rz-tabview-top > .rz-tabview-nav li { + border-bottom: 2px solid transparent; +} +.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { + border-top-width: 0; + border-bottom: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li { + border-top: 2px solid transparent; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { + border-bottom-width: 0; + border-top: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav li { + border-right: 2px solid transparent; +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { + border-left-width: 0; + border-right: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav li { + border-left: 2px solid transparent; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { + border-right-width: 0; + border-left: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-top > .rz-tabview-panels { + border-top: var(--rz-border-base-600); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-panels { + border-bottom: var(--rz-border-base-600); +} +.rz-tabview.rz-tabview-left > .rz-tabview-panels { + border-left: var(--rz-border-base-600); +} +.rz-tabview.rz-tabview-right > .rz-tabview-panels { + border-right: var(--rz-border-base-600); +} + +.rz-login .rz-textbox.invalid { + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +.rz-html-editor-toolbar { + font-size: 0.825rem; +} +.rz-html-editor-toolbar .rz-html-editor-button { + position: relative; + overflow: hidden; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 300; + src: local(""), url("../fonts/roboto-v30-latin-300.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local(""), url("../fonts/roboto-v30-latin-regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local(""), url("../fonts/roboto-v30-latin-500.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local(""), url("../fonts/roboto-v30-latin-700.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #e0e0e0; + --rz-base-100: #a0a0a0; + --rz-base-200: #6c6c6c; + --rz-base-300: #545454; + --rz-base-400: #383838; + --rz-base-500: #333333; + --rz-base-600: #2e2e2e; + --rz-base-700: #252525; + --rz-base-800: #1e1e1e; + --rz-base-900: #121212; + --rz-primary: #bb86fc; + --rz-primary-light: #c99efd; + --rz-primary-lighter: rgba(187, 134, 252, 0.12); + --rz-primary-dark: #966bca; + --rz-primary-darker: #7f5bab; + --rz-secondary: #01a299; + --rz-secondary-light: #34b5ad; + --rz-secondary-lighter: rgba(1, 162, 153, 0.12); + --rz-secondary-dark: #01827a; + --rz-secondary-darker: #016e68; + --rz-info: #2196f3; + --rz-info-light: #4dabf5; + --rz-info-lighter: rgba(33, 150, 243, 0.2); + --rz-info-dark: #1a78c2; + --rz-info-darker: #1666a5; + --rz-success: #4caf50; + --rz-success-light: #70bf73; + --rz-success-lighter: rgba(76, 175, 80, 0.16); + --rz-success-dark: #3d8c40; + --rz-success-darker: #347736; + --rz-warning: #ff9800; + --rz-warning-light: #ffad33; + --rz-warning-lighter: rgba(255, 152, 0, 0.2); + --rz-warning-dark: #cc7a00; + --rz-warning-darker: #ad6700; + --rz-danger: #f44336; + --rz-danger-light: #f6695e; + --rz-danger-lighter: rgba(244, 67, 54, 0.2); + --rz-danger-dark: #c3362b; + --rz-danger-darker: #a62e25; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #bb86fc; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #01a299; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #2196f3; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #4caf50; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #ffffff; + --rz-on-warning-light: #ffffff; + --rz-on-warning-lighter: #ff9800; + --rz-on-warning-dark: #ffffff; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #f44336; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #3700b3; + --rz-series-2: #ba68c8; + --rz-series-3: #f06292; + --rz-series-4: #ff8a65; + --rz-series-5: #ffee58; + --rz-series-6: #9ccc65; + --rz-series-7: #26a69a; + --rz-series-8: #4fc3f7; + --rz-series-9: #7f5cce; + --rz-series-10: #ce93d8; + --rz-series-11: #f48fb1; + --rz-series-12: #ffab91; + --rz-series-13: #fff176; + --rz-series-14: #aed581; + --rz-series-15: #4db6ac; + --rz-series-16: #81d4fa; + --rz-series-17: #a58cdd; + --rz-series-18: #e1bee7; + --rz-series-19: #f8bbd0; + --rz-series-20: #ffccbc; + --rz-series-21: #fff59d; + --rz-series-22: #c5e1a5; + --rz-series-23: #80cbc4; + --rz-series-24: #b3e5fc; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 1rem; + --rz-body-line-height: 1.5; + --rz-body-background-color: var(--rz-base-900); + --rz-text-font-family: Roboto, sans-serif; + --rz-icon-size: 1.5rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-base-50); + --rz-text-color: var(--rz-base-50); + --rz-text-secondary-color: var(--rz-base-100); + --rz-text-tertiary-color: var(--rz-base-200); + --rz-text-disabled-color: var(--rz-base-300); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-50) !important; +} + +.rz-text-color { + color: var(--rz-base-50) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-100) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-200) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-300) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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; +} + +:root { + --rz-base-background-color: var(--rz-base-800); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-100); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-500); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14); + --rz-shadow-2: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-3: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-4: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); + --rz-shadow-5: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-6: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-7: 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.14); + --rz-shadow-8: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-9: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14); + --rz-shadow-10: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.14); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 100; + --rz-text-display-h1-letter-spacing: -1.5px; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 100; + --rz-text-display-h2-letter-spacing: -0.5px; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-letter-spacing: 0; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-letter-spacing: 0.25px; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-letter-spacing: 0; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 500; + --rz-text-display-h6-letter-spacing: 0.15px; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 100; + --rz-text-h1-letter-spacing: -1.5px; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 100; + --rz-text-h2-letter-spacing: -0.5px; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-letter-spacing: 0; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-letter-spacing: 0.25px; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-letter-spacing: 0; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 500; + --rz-text-h6-letter-spacing: 0.15px; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: 1.5; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-letter-spacing: 0.15px; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: 1.5; + --rz-text-subtitle2-font-weight: 500; + --rz-text-subtitle2-letter-spacing: 0.1px; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: 1.5; + --rz-text-body1-font-weight: 400; + --rz-text-body1-letter-spacing: 0.5px; + --rz-text-body1-color: var(--rz-text-title-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: 1.5; + --rz-text-body2-font-weight: 400; + --rz-text-body2-letter-spacing: 0.25px; + --rz-text-body2-color: var(--rz-text-title-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 500; + --rz-text-button-letter-spacing: 1.25px; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-title-color); + --rz-text-button-margin-bottom: 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-title-color); + --rz-text-caption-margin-bottom: 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-title-color); + --rz-text-overline-margin-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius); + --rz-button-shadow: var(--rz-shadow-1); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-3); + --rz-button-hover-gradient: none; + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-3); + --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: none; + --rz-button-active-shadow: var(--rz-shadow-6); + --rz-button-active-gradient: none; + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.2; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-600); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-dark { + background-color: var(--rz-black); + color: var(--rz-text-color); +} +.rz-button.rz-dark.rz-variant-flat { + box-shadow: none !important; +} + +.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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-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-color); + color: var(--rz-text-color); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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-black); + color: var(--rz-black); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-text-color); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-black); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-paginator-element, .rz-button-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.75rem 1.5rem; + height: auto; + line-height: 1.5rem; + min-height: 3rem; + min-width: 3rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-paginator-element .rz-button-box, .rz-button-lg .rz-button-box { + line-height: 1.5rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-button-lg.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator-element, .rz-button-lg.rz-button-icon-only { + padding: 0.75rem; +} +.rz-paginator-element .rzi, .rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only, .rz-button-md.rz-paginator-element { + padding: 0.5rem; +} +.rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1.25rem; + height: 1.25rem; + line-height: 1.25rem; + width: 1.25rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 0.75rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; + letter-spacing: 0.75px; + text-transform: uppercase; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.25rem 0.5rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; + letter-spacing: 0; + text-transform: uppercase; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 1rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.25rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --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: 500; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: uppercase; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-600); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0.125rem 0.125rem 0.125rem 0.75rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: calc(4 * var(--rz-border-radius)); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2.5rem; + --rz-input-line-height: 1.5; + --rz-input-padding: 0.4375rem 0.9375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-background-color); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all); +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-700); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: var(--rz-shadow-4); +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: var(--rz-border-base-800); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-background-color); + --rz-card-shadow: var(--rz-shadow-1); + --rz-card-border: var(--rz-border-base-500); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 1rem; + --rz-accordion-item-margin: 0; + --rz-accordion-item-border: var(--rz-border-base-900); + --rz-accordion-item-background-color: var(--rz-base-background-color); + --rz-accordion-item-color: var(--rz-text-secondary-color); + --rz-accordion-item-line-height: 1.5rem; + --rz-accordion-item-font-size: var(--rz-body-font-size); + --rz-accordion-item-font-weight: 500; + --rz-accordion-icon-width: var(--rz-icon-size); + --rz-accordion-icon-height: var(--rz-icon-size); + --rz-accordion-icon-font-size: var(--rz-icon-size); + --rz-accordion-icon-margin: 0 0.75rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem; + --rz-accordion-toggle-icon-order: 1; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 1rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: var(--rz-shadow-1); +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_down"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_up"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 1rem; + --rz-panel-title-line-height: 1.5rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-1); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-color); + --rz-sidebar-toggle-background-color: transparent; + --rz-sidebar-toggle-hover-color: var(--rz-white); + --rz-sidebar-toggle-hover-background-color: var(--rz-base-500); + --rz-sidebar-toggle-hover-border-radius: 50%; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-700); + --rz-menu-border: none; + --rz-menu-border-radius: var(--rz-border-radius); + --rz-menu-item-padding: 0.5rem 1rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-white); + --rz-menu-item-hover-background-color: var(--rz-base-400); + --rz-menu-item-selected-color: var(--rz-primary); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-white); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 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-700); + --rz-menu-top-item-hover-color: var(--rz-primary); + --rz-menu-top-item-hover-background-color: var(--rz-base-700); + --rz-menu-top-item-selected-color: var(--rz-primary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-primary); + --rz-context-menu-padding: 0.5rem 0; + --rz-context-menu-box-shadow: var(--rz-shadow-6); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-font-weight: 500; + --rz-panel-menu-color: var(--rz-text-color); + --rz-panel-menu-background-color: var(--rz-base-background-color); + --rz-panel-menu-hover-background-color: var(--rz-base-600); + --rz-panel-menu-hover-color: var(--rz-white); + --rz-panel-menu-item-line-height: 1.5rem; + --rz-panel-menu-item-padding: 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-600); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-active-color: var(--rz-primary); + --rz-panel-menu-item-active-indicator: var(--rz-secondary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.5rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.5rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.5rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --rz-panel-menu-item-2nd-level-offset: 3rem; + --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-item-2nd-level-font-weight: 400; + --rz-panel-menu-item-2nd-level-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-600); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-primary); + --rz-panel-menu-item-2nd-level-active-font-weight: 500; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-600); + --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-3rd-level-active-color: var(--rz-primary); + --rz-panel-menu-icon-width: var(--rz-icon-size); + --rz-panel-menu-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-icon-color: var(--rz-text-secondary-color); + --rz-panel-menu-icon-height: var(--rz-icon-size); + --rz-panel-menu-icon-margin: 0 1rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 1rem 0 -2.25rem; + --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-700); + --rz-profile-menu-top-item-background-color: var(--rz-base-700); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-400); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2.5rem; + --rz-gravatar-height: 2.5rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-secondary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.25rem 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-secondary-color); + --rz-steps-number-background-color: var(--rz-base-600); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.125rem; + --rz-checkbox-height: 1.125rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: 2px; + --rz-checkbox-label-margin: 0 1rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-light); + --rz-checkbox-checked-disabled-background-color: var(--rz-base-300); + --rz-checkbox-checked-color: var(--rz-text-contrast-color); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary); + --rz-checkbox-checked-disabled-border: var(--rz-border-300); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: var(--rz-base-600); + --rz-switch-checked-background-color: var(--rz-primary-lighter); + --rz-switch-box-shadow: var(--rz-shadow-1); + --rz-switch-circle-background-color: var(--rz-text-color); + --rz-switch-checked-circle-background-color: var(--rz-primary); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.25rem; + min-width: 2.25rem; + height: 0.875rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.25rem; + height: 1.25rem; + left: 0; + margin-top: -0.625rem; + 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: ""; + top: 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(1rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: 2px; + --rz-radio-label-margin: 0 1rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-600); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 0 1rem 1rem; + --rz-fieldset-legend-color: var(--rz-text-secondary-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 1rem 0.5rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-secondary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --rz-dropdown-horizontal-padding: 1rem; + --rz-dropdown-panel-padding: 0 1rem; + --rz-dropdown-items-margin: 0 -1rem; + --rz-dropdown-items-padding: 0.5rem 0; + --rz-dropdown-item-padding: 0.75rem 1rem; + --rz-dropdown-item-font-size: var(--rz-input-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-400); + --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-white); + --rz-dropdown-item-selected-color: var(--rz-primary); + --rz-dropdown-item-selected-hover-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-hover-color: var(--rz-primary); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.2; + --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-500); + --rz-dropdown-filter-padding: 1rem 0 0.5rem; + --rz-dropdown-open-background-color: var(--rz-base-600); + --rz-dropdown-open-border: 2px solid var(--rz-primary); + --rz-dropdown-panel-border: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-4); + --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem; + --rz-multiselect-checkbox-margin: 0 1rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-500); + --rz-listbox-padding: 0; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 1rem 0 0; + --rz-listbox-header-padding: 0.75rem 1rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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-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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-primary-lighter); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 4px; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 20px; + --rz-slider-handle-height: 20px; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: 50%; + --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-primary); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: 0px 0px 0px 10px var(--rz-primary-lighter); + --rz-slider-disabled-background-color: var(--rz-base-400); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-200); + --rz-slider-disabled-range-border: none; + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-200); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-secondary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-disabled-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-base-600); + --rz-selectbar-selected-background-color: var(--rz-primary-lighter); + --rz-selectbar-selected-color: var(--rz-primary); + --rz-selectbar-selected-border: var(--rz-border-base-600); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --rz-datepicker-trigger-icon-width: var(--rz-icon-size); + --rz-datepicker-trigger-icon-height: var(--rz-icon-size); + --rz-datepicker-line-height: 1.5rem; + --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-4); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: var(--rz-base-background-color); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 3.625rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 0.75rem; + --rz-datepicker-footer-line-height: 3rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: 0.75rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: 0.875rem; + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-white); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-600); + --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary-dark); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-text-color); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px var(--rz-base-100); + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 3.5rem; + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-base-700); + --rz-timepicker-button-color: var(--rz-text-color); + --rz-timepicker-button-width: 0.875rem; + --rz-timepicker-button-height: 0.875rem; + --rz-timepicker-button-border-radius: 2px; + --rz-timepicker-button-padding: 0.5rem 1rem !important; + --rz-timepicker-gap: 0.5rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: var(--rz-border-base-600); +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-numeric-button-width: 1rem; + --rz-numeric-button-height: 1rem; + --rz-numeric-button-offset: 2px; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --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-600); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-600); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-400); + --rz-upload-choose-hover-color: var(--rz-white); + --rz-upload-choose-active-background-color: var(--rz-base-400); + --rz-upload-choose-active-color: var(--rz-white); + --rz-upload-cancel-background-color: var(--rz-base-600); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-600); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-600); + --rz-grid-cell-padding: 0.625rem 1rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: 0.875rem; + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-hover-background-color: var(--rz-base-600); + --rz-grid-hover-color: var(--rz-white); + --rz-grid-selected-background-color: var(--rz-primary-lighter); + --rz-grid-selected-color: var(--rz-primary); + --rz-grid-stripe-background-color: var(--rz-base-900); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-600); + --rz-grid-header-background-color: var(--rz-base-background-color); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1.5rem; + --rz-grid-header-font-weight: 500; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.75rem 0; + --rz-grid-header-title-padding: 0 0 0 1rem; + --rz-grid-header-sorted-background-color: var(--rz-base-600); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-600); + --rz-grid-filter-background-color: var(--rz-base-background-color); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: none; + --rz-grid-filter-font-size: 0.875rem; + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --rz-grid-filter-icon-font-size: 0.875rem; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-color: var(--rz-text-color); + --rz-grid-clear-filter-button-shadow: none; + --rz-grid-apply-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-apply-filter-button-color: var(--rz-primary); + --rz-grid-apply-filter-button-shadow: none; + --rz-grid-header-filter-icon-margin: 0 1rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1.25rem; + --rz-grid-border: var(--rz-border-base-600); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1.25rem; + --rz-grid-sort-icon-height: 1.25rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.25rem; + --rz-grid-column-resizer-helper-width: 0.125rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-900); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-600); + --rz-grid-frozen-cell-background-color: var(--rz-base-background-color); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 1rem; + --rz-grid-group-header-item-background-color: var(--rz-base-600); + --rz-grid-group-header-item-padding: 0.25rem 0.5rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: var(--rz-border-base-600); + --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius)); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-disabled-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-4); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 1rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: 2rem; + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-600); + --rz-paginator-numeric-button-hover-color: var(--rz-white); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-primary-lighter); + --rz-paginator-numeric-button-selected-color: var(--rz-primary); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-min-width: 3rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-600); + --rz-paginator-back-button-hover-color: var(--rz-white); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-600); + --rz-paginator-next-button-hover-color: var(--rz-white); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: 0.875rem; + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-600); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.25rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-primary-lighter); + --rz-tree-node-selected-color: var(--rz-primary); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 0; + --rz-tree-node-hover-background-color: var(--rz-base-600); + --rz-tree-node-hover-color: var(--rz-white); + --rz-tree-node-toggle-width: 2rem; + --rz-tree-node-toggle-color: var(--rz-text-tertiary-color); + --rz-tree-node-toggle-hover-color: var(--rz-text-color); + --rz-tree-transition: var(--rz-transition-all); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "chevron_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "expand_more"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-1); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-600); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-600); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-base-600); + --rz-scheduler-border-color: var(--rz-base-600); + --rz-scheduler-minor-border-color: var(--rz-base-700); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-secondary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-background-color); + --rz-scheduler-toolbar-title-font-size: 1.5rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color); + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: 2rem; + --rz-scheduler-next-button-border-radius: 2rem; + --rz-scheduler-today-button-margin-left: 1rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.875rem; + --rz-scheduler-today-button-text-transform: capitalize; + --rz-scheduler-view-button-border: var(--rz-border-base-600); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-primary); + --rz-scheduler-view-selected-background-color: var(--rz-primary-lighter); + --rz-scheduler-view-selected-border-color: var(--rz-base-600); + --rz-scheduler-header-background-color: var(--rz-base-background-color); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-base-600); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-text-contrast-color); + --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: 0 1px 1px 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: 0.25rem; + --rz-scheduler-year-slot-title-width: fit-content; + --rz-scheduler-year-slot-title-border-radius: 50%; + --rz-scheduler-planner-slot-width: 3rem; + --rz-scheduler-planner-slot-height: 4.5rem; +} + +.rz-scheduler { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 0.875rem; + --rz-tabs-tab-line-height: 1.5rem; + --rz-tabs-tab-font-weight: 500; + --rz-tabs-tab-text-transform: uppercase; + --rz-tabs-tab-letter-spacing: 1.25px; + --rz-tabs-tab-padding: 0.75rem 1rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-primary); + --rz-tabs-tab-selected-top-border-color: var(--rz-primary); + --rz-tabs-tab-hover-background-color: var(--rz-base-600); + --rz-tabs-tab-hover-color: var(--rz-text-title-color); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-info); + --rz-tooltip-color: var(--rz-text-contrast-color); + --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: 0.875rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-900); + --rz-dialog-shadow: var(--rz-shadow-9); + --rz-dialog-title-background-color: var(--rz-base-900); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.5rem 1.5rem 0 1.5rem; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.5rem; + --rz-dialog-title-font-weight: 500; + --rz-dialog-title-letter-spacing: 0.0125em; + --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-title-color); + --rz-dialog-close-vertical-align: middle; + --rz-dialog-content-padding: 1.5rem; + --rz-dialog-mask-background-color: var(--rz-black); + --rz-dialog-border-radius: var(--rz-border-radius); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 0; + --rz-notification-container-background-color: var(--rz-base-800); + --rz-notification-shadow: none; + --rz-notification-border-radius: var(--rz-border-radius); + --rz-notification-success-color: var(--rz-success); + --rz-notification-success-background-color: var(--rz-success-lighter); + --rz-notification-success-icon-color: var(--rz-success); + --rz-notification-warning-color: var(--rz-warning); + --rz-notification-warning-background-color: var(--rz-warning-lighter); + --rz-notification-warning-icon-color: var(--rz-warning); + --rz-notification-error-color: var(--rz-danger); + --rz-notification-error-background-color: var(--rz-danger-lighter); + --rz-notification-error-icon-color: var(--rz-danger); + --rz-notification-info-color: var(--rz-info); + --rz-notification-info-background-color: var(--rz-info-lighter); + --rz-notification-info-icon-color: var(--rz-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(244, 67, 54, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(255, 255, 255, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +.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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-primary-lighter); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.25rem; + --rz-progressbar-border-radius: 0; + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 0; + --rz-progressbar-circular-value-stroke-width: 3px; + --rz-progressbar-circular-value-endpoint: square; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-base-600); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary-lighter); + --rz-editor-button-selected-color: var(--rz-secondary); + --rz-editor-separator-background-color: var(--rz-base-600); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --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-value-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-color); + --rz-splitter-bar-color-active: var(--rz-text-contrast-color); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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; + --rz-alert-title-color: var(--rz-text-h6-color); + --rz-alert-icon-color: var(--rz-alert-color); + --rz-alert-icon-margin: 0; + --rz-alert-icon-size: var(--rz-icon-size); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 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-600); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-600); + --rz-alert-color: var(--rz-text-ccolor); + --rz-alert-title-color: var(--rz-text-ccolor); + --rz-alert-icon-color: var(--rz-text-ccolor); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-ccolor); + --rz-alert-color: var(--rz-text-ccolor); + --rz-alert-title-color: var(--rz-text-ccolor); + --rz-alert-icon-color: var(--rz-text-ccolor); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-text-ccolor); + --rz-alert-title-color: var(--rz-text-ccolor); + --rz-alert-icon-color: var(--rz-text-ccolor); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-black); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-black); + --rz-alert-color: var(--rz-black); + --rz-alert-title-color: var(--rz-black); + --rz-alert-icon-color: var(--rz-black); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-black); + --rz-alert-title-color: var(--rz-black); + --rz-alert-icon-color: var(--rz-black); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.5rem 0 0; + --rz-form-field-start-end-padding: 0 0.75rem; + --rz-form-field-filled-height: 3.375rem; + --rz-form-field-filled-padding: 1.4375rem 0.9375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-form-field-filled-background-color: var(--rz-base-600); + --rz-form-field-filled-hover-background-color: var(--rz-base-500); + --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-600); + --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-500); + --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-600); + --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + --rz-form-field-filled-label-floating-top: 0.5rem; + --rz-form-field-filled-hover-shadow: none; + --rz-form-field-filled-focus-shadow: none; + --rz-form-field-filled-underline-display: block; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0 0.25rem; + --rz-form-field-text-label-padding: 0; + --rz-form-field-label-left: 0.6875rem; + --rz-form-field-label-textarea-top: 0.5rem; + --rz-form-field-label-floating-top: -0.5625rem; + --rz-form-field-label-floating-background-color: var(--rz-input-background-color); + --rz-form-field-helper-padding: 0 1rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-200); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-200); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + 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-600); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); + border-color: var(--rz-base-600); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-600); + color: var(--rz-text-ccolor); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); + border-color: var(--rz-base-600); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); +} + +.rz-timeline-point-dark { + background-color: var(--rz-black); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-black); + border-color: var(--rz-black); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-black); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material-dark.css b/_content/Radzen.Blazor/css/material-dark.css new file mode 100755 index 0000000..dcdb2b4 --- /dev/null +++ b/_content/Radzen.Blazor/css/material-dark.css @@ -0,0 +1,25725 @@ +@charset "UTF-8"; +.rz-button { + position: relative; + overflow: hidden; +} +.rz-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-primary); +} + +.rz-sidebar-toggle { + position: relative; + overflow: hidden; +} +.rz-sidebar-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-sidebar-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-navigation-item-link, +.rz-menu-toggle { + position: relative; + overflow: hidden; +} +.rz-navigation-item-link:not(.rz-state-disabled):before, +.rz-menu-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-navigation-item-link:not(.rz-state-disabled):active:before, +.rz-menu-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.panel-menu .navigation-item-wrapper-active:before { + display: none; +} + +.rz-panel-menu .rz-navigation-item-link { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.08) 1%) center/15000%; +} +.rz-panel-menu .rz-navigation-item-link:active { + background-color: rgba(255, 255, 255, 0.08); + transition: background 0s; + background-size: 100%; +} +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-600); +} + +.rz-chkbox-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-chkbox-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-300); + opacity: 0.3; +} +.rz-chkbox-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-200); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-chkbox-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { + transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition); + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px rgba(255, 255, 255, 0.08); +} + +.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px var(--rz-primary-lighter); +} + +.rz-radiobutton-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-300); + opacity: 0.3; +} +.rz-radiobutton-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-200); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} +.rz-slider .rz-slider-handle:before { + display: none; +} + +.rz-selectbutton .rz-button { + box-shadow: none; +} +.rz-selectbutton .rz-button:hover { + box-shadow: none !important; + background: var(--rz-base-600); +} + +.rz-datepicker-inline:not(.ng-trigger) table { + width: 100%; +} + +.rz-datepicker.rz-popup { + width: 340px !important; +} +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-title .rz-dropdown { + min-width: 100px !important; + margin-top: 0.75rem !important; +} +.rz-datepicker-title .rz-dropdown:first-child { + min-width: 140px !important; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-timepicker { + flex-wrap: wrap; +} +.rz-timepicker .rz-spinner { + flex: 1; +} +.rz-timepicker > .rz-button { + flex-basis: 100%; +} + +.rz-calendar .rz-inputtext { + padding-right: 2.5rem !important; +} + +.rz-spinner .rz-spinner-button { + box-shadow: none; +} +.rz-spinner .rz-spinner-button:hover { + box-shadow: none !important; +} + +.rz-fileupload-choose.rz-button { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.08) 1%) center/15000%; +} +.rz-fileupload-choose.rz-button:active { + background-color: rgba(255, 255, 255, 0.08); + transition: background 0s; + background-size: 100%; +} +.rz-fileupload-choose.rz-button input { + z-index: 1; +} + +.rz-datatable .rz-col-icon { + border-right: var(--rz-border-base-600); +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-600); + --rz-grid-header-cell-border: var(--rz-border-base-600); +} + +.rz-paginator-pages { + max-height: 3rem; +} + +.rz-paginator-element { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:hover { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-tree-toggler { + position: relative; +} + +.rz-tree-toggler.rzi-caret-right:before { + margin-left: 0 !important; +} +.rz-tree-toggler.rzi-caret-down:before { + margin-left: 0 !important; +} +.rz-tree-toggler:after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition); +} +.rz-tree-toggler:active:after { + left: 0; + top: -0.25rem; + width: 2rem; + height: 2rem; + background-color: var(--rz-base-200); + opacity: 0.3; +} + +.rz-scheduler-nav .rz-button { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-scheduler-nav .rz-button:hover { + box-shadow: var(--rz-shadow-0) !important; + background: var(--rz-base-600); +} +.rz-scheduler-nav .rz-button:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-view-header { + border-top: none !important; +} +.rz-year-view .rz-view-header { + border-bottom: none !important; +} + +.rz-tabview-nav > li > a { + position: relative; + overflow: hidden; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-tabview.rz-tabview-top > .rz-tabview-nav li { + border-bottom: 2px solid transparent; +} +.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { + border-top-width: 0; + border-bottom: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li { + border-top: 2px solid transparent; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { + border-bottom-width: 0; + border-top: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav li { + border-right: 2px solid transparent; +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { + border-left-width: 0; + border-right: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav li { + border-left: 2px solid transparent; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { + border-right-width: 0; + border-left: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-top > .rz-tabview-panels { + border-top: var(--rz-border-base-600); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-panels { + border-bottom: var(--rz-border-base-600); +} +.rz-tabview.rz-tabview-left > .rz-tabview-panels { + border-left: var(--rz-border-base-600); +} +.rz-tabview.rz-tabview-right > .rz-tabview-panels { + border-right: var(--rz-border-base-600); +} + +.rz-login .rz-textbox.invalid { + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +.rz-html-editor-toolbar { + font-size: 0.825rem; +} +.rz-html-editor-toolbar .rz-html-editor-button { + position: relative; + overflow: hidden; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #bb86fc; + --secondary: #01a299; + --success: #4caf50; + --info: #2196f3; + --warning: #ff9800; + --danger: #f44336; + --light: #6c6c6c; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: Roboto, sans-serif; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: Roboto, sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #e0e0e0; + text-align: left; + background-color: #121212; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #01a299; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #01a299; + text-decoration: none; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2.5rem; + padding: 0.375rem 0.75rem; + font-size: var(--rz-body-font-size); + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: white; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(187, 134, 252, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + color: #e0e0e0; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #4caf50; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(76, 175, 80, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #4caf50; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #4caf50; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #4caf50; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #4caf50; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #4caf50; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #6ec071; + background-color: #6ec071; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #4caf50; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #4caf50; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f44336; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(244, 67, 54, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #f44336; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #f44336; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f44336; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #f44336; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #f44336; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #f77066; + background-color: #f77066; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f44336; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #f44336; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.75rem; + font-weight: 500; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #212529; + background-color: #bb86fc; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #212529; + background-color: #9f54fb; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(187, 134, 252, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #01a299; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #016f69; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(1, 162, 153, 0.5); +} + +.badge-success { + color: #fff; + background-color: #4caf50; +} +a.badge-success:hover, a.badge-success:focus { + color: #fff; + background-color: #3d8b40; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.badge-info { + color: #fff; + background-color: #2196f3; +} +a.badge-info:hover, a.badge-info:focus { + color: #fff; + background-color: #0c7cd5; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ff9800; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #cc7a00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #f44336; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #ea1c0d; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.badge-light { + color: #fff; + background-color: #6c6c6c; +} +a.badge-light:hover, a.badge-light:focus { + color: #fff; + background-color: #535353; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(108, 108, 108, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 4px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #614683; + background-color: #f1e7fe; + border-color: #ecddfe; +} +.alert-primary hr { + border-top-color: #dec4fd; +} +.alert-primary .alert-link { + color: #483462; +} + +.alert-secondary { + color: #015450; + background-color: #cceceb; + border-color: #b8e5e2; +} +.alert-secondary hr { + border-top-color: #a5deda; +} +.alert-secondary .alert-link { + color: #002220; +} + +.alert-success { + color: #285b2a; + background-color: #dbefdc; + border-color: #cde9ce; +} +.alert-success hr { + border-top-color: #bbe1bd; +} +.alert-success .alert-link { + color: #18381a; +} + +.alert-info { + color: #114e7e; + background-color: #d3eafd; + border-color: #c1e2fc; +} +.alert-info hr { + border-top-color: #a9d7fb; +} +.alert-info .alert-link { + color: #0b3251; +} + +.alert-warning { + color: #854f00; + background-color: #ffeacc; + border-color: #ffe2b8; +} +.alert-warning hr { + border-top-color: #ffd89f; +} +.alert-warning .alert-link { + color: #523100; +} + +.alert-danger { + color: #7f231c; + background-color: #fdd9d7; + border-color: #fccac7; +} +.alert-danger hr { + border-top-color: #fbb3af; +} +.alert-danger .alert-link { + color: #551713; +} + +.alert-light { + color: #383838; + background-color: #e2e2e2; + border-color: #d6d6d6; +} +.alert-light hr { + border-top-color: #c9c9c9; +} +.alert-light .alert-link { + color: #1f1f1f; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #bb86fc !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #9f54fb !important; +} + +.bg-secondary { + background-color: #01a299 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #016f69 !important; +} + +.bg-success { + background-color: #4caf50 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3d8b40 !important; +} + +.bg-info { + background-color: #2196f3 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #0c7cd5 !important; +} + +.bg-warning { + background-color: #ff9800 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #cc7a00 !important; +} + +.bg-danger { + background-color: #f44336 !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ea1c0d !important; +} + +.bg-light { + background-color: #6c6c6c !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #535353 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #bb86fc !important; +} + +.border-secondary { + border-color: #01a299 !important; +} + +.border-success { + border-color: #4caf50 !important; +} + +.border-info { + border-color: #2196f3 !important; +} + +.border-warning { + border-color: #ff9800 !important; +} + +.border-danger { + border-color: #f44336 !important; +} + +.border-light { + border-color: #6c6c6c !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 4px !important; +} + +.rounded-top { + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; +} + +.rounded-right { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +.rounded-bottom { + border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-left { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #bb86fc !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #913bfa !important; +} + +.text-secondary { + color: #01a299 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #015651 !important; +} + +.text-success { + color: #4caf50 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #357a38 !important; +} + +.text-info { + color: #2196f3 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0a6ebd !important; +} + +.text-warning { + color: #ff9800 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #b36a00 !important; +} + +.text-danger { + color: #f44336 !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #d2190b !important; +} + +.text-light { + color: #6c6c6c !important; +} + +a.text-light:hover, a.text-light:focus { + color: #464646 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #e0e0e0 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 300; + src: local(""), url("../fonts/roboto-v30-latin-300.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local(""), url("../fonts/roboto-v30-latin-regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local(""), url("../fonts/roboto-v30-latin-500.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local(""), url("../fonts/roboto-v30-latin-700.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #e0e0e0; + --rz-base-100: #a0a0a0; + --rz-base-200: #6c6c6c; + --rz-base-300: #545454; + --rz-base-400: #383838; + --rz-base-500: #333333; + --rz-base-600: #2e2e2e; + --rz-base-700: #252525; + --rz-base-800: #1e1e1e; + --rz-base-900: #121212; + --rz-primary: #bb86fc; + --rz-primary-light: #c99efd; + --rz-primary-lighter: rgba(187, 134, 252, 0.12); + --rz-primary-dark: #966bca; + --rz-primary-darker: #7f5bab; + --rz-secondary: #01a299; + --rz-secondary-light: #34b5ad; + --rz-secondary-lighter: rgba(1, 162, 153, 0.12); + --rz-secondary-dark: #01827a; + --rz-secondary-darker: #016e68; + --rz-info: #2196f3; + --rz-info-light: #4dabf5; + --rz-info-lighter: rgba(33, 150, 243, 0.2); + --rz-info-dark: #1a78c2; + --rz-info-darker: #1666a5; + --rz-success: #4caf50; + --rz-success-light: #70bf73; + --rz-success-lighter: rgba(76, 175, 80, 0.16); + --rz-success-dark: #3d8c40; + --rz-success-darker: #347736; + --rz-warning: #ff9800; + --rz-warning-light: #ffad33; + --rz-warning-lighter: rgba(255, 152, 0, 0.2); + --rz-warning-dark: #cc7a00; + --rz-warning-darker: #ad6700; + --rz-danger: #f44336; + --rz-danger-light: #f6695e; + --rz-danger-lighter: rgba(244, 67, 54, 0.2); + --rz-danger-dark: #c3362b; + --rz-danger-darker: #a62e25; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #bb86fc; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #01a299; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #2196f3; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #4caf50; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #ffffff; + --rz-on-warning-light: #ffffff; + --rz-on-warning-lighter: #ff9800; + --rz-on-warning-dark: #ffffff; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #f44336; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #3700b3; + --rz-series-2: #ba68c8; + --rz-series-3: #f06292; + --rz-series-4: #ff8a65; + --rz-series-5: #ffee58; + --rz-series-6: #9ccc65; + --rz-series-7: #26a69a; + --rz-series-8: #4fc3f7; + --rz-series-9: #7f5cce; + --rz-series-10: #ce93d8; + --rz-series-11: #f48fb1; + --rz-series-12: #ffab91; + --rz-series-13: #fff176; + --rz-series-14: #aed581; + --rz-series-15: #4db6ac; + --rz-series-16: #81d4fa; + --rz-series-17: #a58cdd; + --rz-series-18: #e1bee7; + --rz-series-19: #f8bbd0; + --rz-series-20: #ffccbc; + --rz-series-21: #fff59d; + --rz-series-22: #c5e1a5; + --rz-series-23: #80cbc4; + --rz-series-24: #b3e5fc; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 1rem; + --rz-body-line-height: 1.5; + --rz-body-background-color: var(--rz-base-900); + --rz-text-font-family: Roboto, sans-serif; + --rz-icon-size: 1.5rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-base-50); + --rz-text-color: var(--rz-base-50); + --rz-text-secondary-color: var(--rz-base-100); + --rz-text-tertiary-color: var(--rz-base-200); + --rz-text-disabled-color: var(--rz-base-300); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-50) !important; +} + +.rz-text-color { + color: var(--rz-base-50) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-100) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-200) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-300) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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; +} + +:root { + --rz-base-background-color: var(--rz-base-800); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-100); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-500); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14); + --rz-shadow-2: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-3: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-4: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); + --rz-shadow-5: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-6: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-7: 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.14); + --rz-shadow-8: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-9: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14); + --rz-shadow-10: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.14); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 100; + --rz-text-display-h1-letter-spacing: -1.5px; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 100; + --rz-text-display-h2-letter-spacing: -0.5px; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-letter-spacing: 0; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-letter-spacing: 0.25px; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-letter-spacing: 0; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 500; + --rz-text-display-h6-letter-spacing: 0.15px; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 100; + --rz-text-h1-letter-spacing: -1.5px; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 100; + --rz-text-h2-letter-spacing: -0.5px; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-letter-spacing: 0; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-letter-spacing: 0.25px; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-letter-spacing: 0; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 500; + --rz-text-h6-letter-spacing: 0.15px; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: 1.5; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-letter-spacing: 0.15px; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: 1.5; + --rz-text-subtitle2-font-weight: 500; + --rz-text-subtitle2-letter-spacing: 0.1px; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: 1.5; + --rz-text-body1-font-weight: 400; + --rz-text-body1-letter-spacing: 0.5px; + --rz-text-body1-color: var(--rz-text-title-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: 1.5; + --rz-text-body2-font-weight: 400; + --rz-text-body2-letter-spacing: 0.25px; + --rz-text-body2-color: var(--rz-text-title-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 500; + --rz-text-button-letter-spacing: 1.25px; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-title-color); + --rz-text-button-margin-bottom: 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-title-color); + --rz-text-caption-margin-bottom: 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-title-color); + --rz-text-overline-margin-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.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-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +label { + margin-bottom: 0; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +::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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius); + --rz-button-shadow: var(--rz-shadow-1); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-3); + --rz-button-hover-gradient: none; + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-3); + --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: none; + --rz-button-active-shadow: var(--rz-shadow-6); + --rz-button-active-gradient: none; + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.2; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-600); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-dark { + background-color: var(--rz-black); + color: var(--rz-text-color); +} +.rz-button.rz-dark.rz-variant-flat { + box-shadow: none !important; +} + +.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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-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-color); + color: var(--rz-text-color); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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-black); + color: var(--rz-black); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-text-color); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-black); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-paginator-element, .rz-button-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.75rem 1.5rem; + height: auto; + line-height: 1.5rem; + min-height: 3rem; + min-width: 3rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-paginator-element .rz-button-box, .rz-button-lg .rz-button-box { + line-height: 1.5rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-button-lg.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator-element, .rz-button-lg.rz-button-icon-only { + padding: 0.75rem; +} +.rz-paginator-element .rzi, .rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only, .rz-button-md.rz-paginator-element { + padding: 0.5rem; +} +.rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1.25rem; + height: 1.25rem; + line-height: 1.25rem; + width: 1.25rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 0.75rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; + letter-spacing: 0.75px; + text-transform: uppercase; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.25rem 0.5rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; + letter-spacing: 0; + text-transform: uppercase; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 1rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.25rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: 10rem; + --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: 500; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: uppercase; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-600); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0.125rem 0.125rem 0.125rem 0.75rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: calc(4 * var(--rz-border-radius)); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2.5rem; + --rz-input-line-height: 1.5; + --rz-input-padding: 0.4375rem 0.9375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-background-color); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-700); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: var(--rz-shadow-4); +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: var(--rz-border-base-800); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-white); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-background-color); + --rz-card-shadow: var(--rz-shadow-1); + --rz-card-border: var(--rz-border-base-500); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 1rem; + --rz-accordion-item-margin: 0; + --rz-accordion-item-border: var(--rz-border-base-900); + --rz-accordion-item-background-color: var(--rz-base-background-color); + --rz-accordion-item-color: var(--rz-text-secondary-color); + --rz-accordion-item-line-height: 1.5rem; + --rz-accordion-item-font-size: var(--rz-body-font-size); + --rz-accordion-item-font-weight: 500; + --rz-accordion-icon-width: var(--rz-icon-size); + --rz-accordion-icon-height: var(--rz-icon-size); + --rz-accordion-icon-font-size: var(--rz-icon-size); + --rz-accordion-icon-margin: 0 0.75rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem; + --rz-accordion-toggle-icon-order: 1; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 1rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: var(--rz-shadow-1); +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_down"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_up"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 1rem; + --rz-panel-title-line-height: 1.5rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-1); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-color); + --rz-sidebar-toggle-background-color: transparent; + --rz-sidebar-toggle-hover-color: var(--rz-white); + --rz-sidebar-toggle-hover-background-color: var(--rz-base-500); + --rz-sidebar-toggle-hover-border-radius: 50%; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-700); + --rz-menu-border: none; + --rz-menu-border-radius: var(--rz-border-radius); + --rz-menu-item-padding: 0.5rem 1rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-white); + --rz-menu-item-hover-background-color: var(--rz-base-400); + --rz-menu-item-selected-color: var(--rz-primary); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-white); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 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-700); + --rz-menu-top-item-hover-color: var(--rz-primary); + --rz-menu-top-item-hover-background-color: var(--rz-base-700); + --rz-menu-top-item-selected-color: var(--rz-primary); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-primary); + --rz-context-menu-padding: 0.5rem 0; + --rz-context-menu-box-shadow: var(--rz-shadow-6); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-font-weight: 500; + --rz-panel-menu-color: var(--rz-text-color); + --rz-panel-menu-background-color: var(--rz-base-background-color); + --rz-panel-menu-hover-background-color: var(--rz-base-600); + --rz-panel-menu-hover-color: var(--rz-white); + --rz-panel-menu-item-line-height: 1.5rem; + --rz-panel-menu-item-padding: 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-600); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-active-color: var(--rz-primary); + --rz-panel-menu-item-active-indicator: var(--rz-secondary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.5rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.5rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.5rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --rz-panel-menu-item-2nd-level-offset: 3rem; + --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-item-2nd-level-font-weight: 400; + --rz-panel-menu-item-2nd-level-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-600); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-primary); + --rz-panel-menu-item-2nd-level-active-font-weight: 500; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-600); + --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-3rd-level-active-color: var(--rz-primary); + --rz-panel-menu-icon-width: var(--rz-icon-size); + --rz-panel-menu-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-icon-color: var(--rz-text-secondary-color); + --rz-panel-menu-icon-height: var(--rz-icon-size); + --rz-panel-menu-icon-margin: 0 1rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 1rem 0 -2.25rem; + --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-700); + --rz-profile-menu-top-item-background-color: var(--rz-base-700); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-400); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2.5rem; + --rz-gravatar-height: 2.5rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-secondary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.25rem 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-secondary-color); + --rz-steps-number-background-color: var(--rz-base-600); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.125rem; + --rz-checkbox-height: 1.125rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: 2px; + --rz-checkbox-label-margin: 0 1rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-light); + --rz-checkbox-checked-disabled-background-color: var(--rz-base-300); + --rz-checkbox-checked-color: var(--rz-text-contrast-color); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary); + --rz-checkbox-checked-disabled-border: var(--rz-border-300); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: var(--rz-base-600); + --rz-switch-checked-background-color: var(--rz-primary-lighter); + --rz-switch-box-shadow: var(--rz-shadow-1); + --rz-switch-circle-background-color: var(--rz-text-color); + --rz-switch-checked-circle-background-color: var(--rz-primary); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.25rem; + min-width: 2.25rem; + height: 0.875rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.25rem; + height: 1.25rem; + left: 0; + margin-top: -0.625rem; + 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: ""; + top: 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(1rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: 2px; + --rz-radio-label-margin: 0 1rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-600); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 0 1rem 1rem; + --rz-fieldset-legend-color: var(--rz-text-secondary-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 1rem 0.5rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-secondary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --rz-dropdown-horizontal-padding: 1rem; + --rz-dropdown-panel-padding: 0 1rem; + --rz-dropdown-items-margin: 0 -1rem; + --rz-dropdown-items-padding: 0.5rem 0; + --rz-dropdown-item-padding: 0.75rem 1rem; + --rz-dropdown-item-font-size: var(--rz-input-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-400); + --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-white); + --rz-dropdown-item-selected-color: var(--rz-primary); + --rz-dropdown-item-selected-hover-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-hover-color: var(--rz-primary); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.2; + --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-500); + --rz-dropdown-filter-padding: 1rem 0 0.5rem; + --rz-dropdown-open-background-color: var(--rz-base-600); + --rz-dropdown-open-border: 2px solid var(--rz-primary); + --rz-dropdown-panel-border: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-4); + --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem; + --rz-multiselect-checkbox-margin: 0 1rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-500); + --rz-listbox-padding: 0; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 1rem 0 0; + --rz-listbox-header-padding: 0.75rem 1rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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-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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-primary-lighter); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 4px; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 20px; + --rz-slider-handle-height: 20px; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: 50%; + --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-primary); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: 0px 0px 0px 10px var(--rz-primary-lighter); + --rz-slider-disabled-background-color: var(--rz-base-400); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-200); + --rz-slider-disabled-range-border: none; + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-200); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-secondary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-disabled-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-base-600); + --rz-selectbar-selected-background-color: var(--rz-primary-lighter); + --rz-selectbar-selected-color: var(--rz-primary); + --rz-selectbar-selected-border: var(--rz-border-base-600); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --rz-datepicker-trigger-icon-width: var(--rz-icon-size); + --rz-datepicker-trigger-icon-height: var(--rz-icon-size); + --rz-datepicker-line-height: 1.5rem; + --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-4); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: var(--rz-base-background-color); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 3.625rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 0.75rem; + --rz-datepicker-footer-line-height: 3rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: 0.75rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: 0.875rem; + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-white); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-600); + --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary-dark); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-text-color); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px var(--rz-base-100); + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 3.5rem; + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-base-700); + --rz-timepicker-button-color: var(--rz-text-color); + --rz-timepicker-button-width: 0.875rem; + --rz-timepicker-button-height: 0.875rem; + --rz-timepicker-button-border-radius: 2px; + --rz-timepicker-button-padding: 0.5rem 1rem !important; + --rz-timepicker-gap: 0.5rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: var(--rz-border-base-600); +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-numeric-button-width: 1rem; + --rz-numeric-button-height: 1rem; + --rz-numeric-button-offset: 2px; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --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-600); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-600); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-400); + --rz-upload-choose-hover-color: var(--rz-white); + --rz-upload-choose-active-background-color: var(--rz-base-400); + --rz-upload-choose-active-color: var(--rz-white); + --rz-upload-cancel-background-color: var(--rz-base-600); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-600); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-600); + --rz-grid-cell-padding: 0.625rem 1rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: 0.875rem; + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-hover-background-color: var(--rz-base-600); + --rz-grid-hover-color: var(--rz-white); + --rz-grid-selected-background-color: var(--rz-primary-lighter); + --rz-grid-selected-color: var(--rz-primary); + --rz-grid-stripe-background-color: var(--rz-base-900); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-600); + --rz-grid-header-background-color: var(--rz-base-background-color); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1.5rem; + --rz-grid-header-font-weight: 500; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.75rem 0; + --rz-grid-header-title-padding: 0 0 0 1rem; + --rz-grid-header-sorted-background-color: var(--rz-base-600); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-600); + --rz-grid-filter-background-color: var(--rz-base-background-color); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: none; + --rz-grid-filter-font-size: 0.875rem; + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --rz-grid-filter-icon-font-size: 0.875rem; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-color: var(--rz-text-color); + --rz-grid-clear-filter-button-shadow: none; + --rz-grid-apply-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-apply-filter-button-color: var(--rz-primary); + --rz-grid-apply-filter-button-shadow: none; + --rz-grid-header-filter-icon-margin: 0 1rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1.25rem; + --rz-grid-border: var(--rz-border-base-600); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1.25rem; + --rz-grid-sort-icon-height: 1.25rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.25rem; + --rz-grid-column-resizer-helper-width: 0.125rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-900); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-600); + --rz-grid-frozen-cell-background-color: var(--rz-base-background-color); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 1rem; + --rz-grid-group-header-item-background-color: var(--rz-base-600); + --rz-grid-group-header-item-padding: 0.25rem 0.5rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: var(--rz-border-base-600); + --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius)); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-disabled-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-4); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 1rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: 2rem; + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-600); + --rz-paginator-numeric-button-hover-color: var(--rz-white); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-primary-lighter); + --rz-paginator-numeric-button-selected-color: var(--rz-primary); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-min-width: 3rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-600); + --rz-paginator-back-button-hover-color: var(--rz-white); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-600); + --rz-paginator-next-button-hover-color: var(--rz-white); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: 0.875rem; + --rz-paginator-summary-color: var(--rz-text-secondary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-600); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.25rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-primary-lighter); + --rz-tree-node-selected-color: var(--rz-primary); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 0; + --rz-tree-node-hover-background-color: var(--rz-base-600); + --rz-tree-node-hover-color: var(--rz-white); + --rz-tree-node-toggle-width: 2rem; + --rz-tree-node-toggle-color: var(--rz-text-tertiary-color); + --rz-tree-node-toggle-hover-color: var(--rz-text-color); + --rz-tree-transition: var(--rz-transition-all); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "chevron_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "expand_more"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-1); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-600); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-600); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-base-600); + --rz-scheduler-border-color: var(--rz-base-600); + --rz-scheduler-minor-border-color: var(--rz-base-700); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-secondary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-background-color); + --rz-scheduler-toolbar-title-font-size: 1.5rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color); + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: 2rem; + --rz-scheduler-next-button-border-radius: 2rem; + --rz-scheduler-today-button-margin-left: 1rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.875rem; + --rz-scheduler-today-button-text-transform: capitalize; + --rz-scheduler-view-button-border: var(--rz-border-base-600); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-primary); + --rz-scheduler-view-selected-background-color: var(--rz-primary-lighter); + --rz-scheduler-view-selected-border-color: var(--rz-base-600); + --rz-scheduler-header-background-color: var(--rz-base-background-color); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-base-600); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-text-contrast-color); + --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: 0 1px 1px 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: 0.25rem; + --rz-scheduler-year-slot-title-width: fit-content; + --rz-scheduler-year-slot-title-border-radius: 50%; + --rz-scheduler-planner-slot-width: 3rem; + --rz-scheduler-planner-slot-height: 4.5rem; +} + +.rz-scheduler { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 0.875rem; + --rz-tabs-tab-line-height: 1.5rem; + --rz-tabs-tab-font-weight: 500; + --rz-tabs-tab-text-transform: uppercase; + --rz-tabs-tab-letter-spacing: 1.25px; + --rz-tabs-tab-padding: 0.75rem 1rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-primary); + --rz-tabs-tab-selected-top-border-color: var(--rz-primary); + --rz-tabs-tab-hover-background-color: var(--rz-base-600); + --rz-tabs-tab-hover-color: var(--rz-text-title-color); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-info); + --rz-tooltip-color: var(--rz-text-contrast-color); + --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: 0.875rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-900); + --rz-dialog-shadow: var(--rz-shadow-9); + --rz-dialog-title-background-color: var(--rz-base-900); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.5rem 1.5rem 0 1.5rem; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.5rem; + --rz-dialog-title-font-weight: 500; + --rz-dialog-title-letter-spacing: 0.0125em; + --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-title-color); + --rz-dialog-close-vertical-align: middle; + --rz-dialog-content-padding: 1.5rem; + --rz-dialog-mask-background-color: var(--rz-black); + --rz-dialog-border-radius: var(--rz-border-radius); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 0; + --rz-notification-container-background-color: var(--rz-base-800); + --rz-notification-shadow: none; + --rz-notification-border-radius: var(--rz-border-radius); + --rz-notification-success-color: var(--rz-success); + --rz-notification-success-background-color: var(--rz-success-lighter); + --rz-notification-success-icon-color: var(--rz-success); + --rz-notification-warning-color: var(--rz-warning); + --rz-notification-warning-background-color: var(--rz-warning-lighter); + --rz-notification-warning-icon-color: var(--rz-warning); + --rz-notification-error-color: var(--rz-danger); + --rz-notification-error-background-color: var(--rz-danger-lighter); + --rz-notification-error-icon-color: var(--rz-danger); + --rz-notification-info-color: var(--rz-info); + --rz-notification-info-background-color: var(--rz-info-lighter); + --rz-notification-info-icon-color: var(--rz-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(244, 67, 54, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(255, 255, 255, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-primary-lighter); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.25rem; + --rz-progressbar-border-radius: 0; + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 0; + --rz-progressbar-circular-value-stroke-width: 3px; + --rz-progressbar-circular-value-endpoint: square; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-base-600); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary-lighter); + --rz-editor-button-selected-color: var(--rz-secondary); + --rz-editor-separator-background-color: var(--rz-base-600); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --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-value-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-color); + --rz-splitter-bar-color-active: var(--rz-text-contrast-color); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: 4px; + --rz-alert-message-margin: 0; + --rz-alert-title-color: var(--rz-text-h6-color); + --rz-alert-icon-color: var(--rz-alert-color); + --rz-alert-icon-margin: 0; + --rz-alert-icon-size: var(--rz-icon-size); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 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-600); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-600); + --rz-alert-color: var(--rz-text-ccolor); + --rz-alert-title-color: var(--rz-text-ccolor); + --rz-alert-icon-color: var(--rz-text-ccolor); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-ccolor); + --rz-alert-color: var(--rz-text-ccolor); + --rz-alert-title-color: var(--rz-text-ccolor); + --rz-alert-icon-color: var(--rz-text-ccolor); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-text-ccolor); + --rz-alert-title-color: var(--rz-text-ccolor); + --rz-alert-icon-color: var(--rz-text-ccolor); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-black); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-black); + --rz-alert-color: var(--rz-black); + --rz-alert-title-color: var(--rz-black); + --rz-alert-icon-color: var(--rz-black); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-black); + --rz-alert-title-color: var(--rz-black); + --rz-alert-icon-color: var(--rz-black); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.5rem 0 0; + --rz-form-field-start-end-padding: 0 0.75rem; + --rz-form-field-filled-height: 3.375rem; + --rz-form-field-filled-padding: 1.4375rem 0.9375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-form-field-filled-background-color: var(--rz-base-600); + --rz-form-field-filled-hover-background-color: var(--rz-base-500); + --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-600); + --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-500); + --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-600); + --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + --rz-form-field-filled-label-floating-top: 0.5rem; + --rz-form-field-filled-hover-shadow: none; + --rz-form-field-filled-focus-shadow: none; + --rz-form-field-filled-underline-display: block; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0 0.25rem; + --rz-form-field-text-label-padding: 0; + --rz-form-field-label-left: 0.6875rem; + --rz-form-field-label-textarea-top: 0.5rem; + --rz-form-field-label-floating-top: -0.5625rem; + --rz-form-field-label-floating-background-color: var(--rz-input-background-color); + --rz-form-field-helper-padding: 0 1rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-200); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-200); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + 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-600); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); + border-color: var(--rz-base-600); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-600); + color: var(--rz-text-ccolor); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); + border-color: var(--rz-base-600); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-600); +} + +.rz-timeline-point-dark { + background-color: var(--rz-black); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-black); + border-color: var(--rz-black); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-black); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material-wcag.css b/_content/Radzen.Blazor/css/material-wcag.css new file mode 100755 index 0000000..60c2bdf --- /dev/null +++ b/_content/Radzen.Blazor/css/material-wcag.css @@ -0,0 +1,74 @@ +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #fafafa; + --rz-base-100: #f5f5f5; + --rz-base-200: #eeeeee; + --rz-base-300: #e0e0e0; + --rz-base-400: #bdbdbd; + --rz-base-500: #757575; + --rz-base-600: #707070; + --rz-base-700: #616161; + --rz-base-800: #424242; + --rz-base-900: #212121; + --rz-primary: #4340D2; + --rz-primary-light: #6966db; + --rz-primary-lighter: rgba(67, 64, 210, 0.12); + --rz-primary-dark: #3633a8; + --rz-primary-darker: #2e2c8f; + --rz-secondary: #ad1357; + --rz-secondary-light: #bd4279; + --rz-secondary-lighter: rgba(173, 19, 87, 0.12); + --rz-secondary-dark: #8a0f46; + --rz-secondary-darker: #760d3b; + --rz-info: #0d47a1; + --rz-info-light: #3d6cb4; + --rz-info-lighter: rgba(13, 71, 161, 0.2); + --rz-info-dark: #0a3981; + --rz-info-darker: #09306d; + --rz-success: #1b5e20; + --rz-success-light: #497e4d; + --rz-success-lighter: rgba(27, 94, 32, 0.16); + --rz-success-dark: #164b1a; + --rz-success-darker: #124016; + --rz-warning: #ffa726; + --rz-warning-light: #ffb951; + --rz-warning-lighter: rgba(255, 167, 38, 0.2); + --rz-warning-dark: #cc861e; + --rz-warning-darker: #ad721a; + --rz-danger: #b71b1b; + --rz-danger-light: #c54949; + --rz-danger-lighter: rgba(183, 27, 27, 0.2); + --rz-danger-dark: #921616; + --rz-danger-darker: #7c1212; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #4340D2; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #ad1357; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #0d47a1; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #1b5e20; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #000000; + --rz-on-warning-light: #000000; + --rz-on-warning-lighter: #ffa726; + --rz-on-warning-dark: #000000; + --rz-on-warning-darker: #000000; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #b71b1b; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material.css b/_content/Radzen.Blazor/css/material.css new file mode 100755 index 0000000..c49e126 --- /dev/null +++ b/_content/Radzen.Blazor/css/material.css @@ -0,0 +1,26294 @@ +@charset "UTF-8"; +.rz-button { + position: relative; + overflow: hidden; +} +.rz-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-button:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-on-primary); +} + +.sidebar-toggle { + position: relative; + overflow: hidden; +} +.sidebar-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.sidebar-toggle:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-navigation-item-link, +.rz-menu-toggle { + position: relative; + overflow: hidden; +} +.rz-navigation-item-link:not(.rz-state-disabled):before, +.rz-menu-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-navigation-item-link:not(.rz-state-disabled):active:before, +.rz-menu-toggle:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.panel-menu .navigation-item-wrapper-active:before { + display: none; +} + +.rz-panel-menu .rz-navigation-item-link { + background-position: center; + transition: background-size 0.8s; + background: radial-gradient(circle, transparent 1%, var(--rz-base-300) 1%) center/15000%; +} +.rz-panel-menu .rz-navigation-item-link:active { + background-color: var(--rz-base-300); + transition: background-size 0s; + background-size: 100%; +} +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-chkbox-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-chkbox-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-chkbox-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-chkbox-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { + transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition); + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px rgba(0, 0, 0, 0.04); +} + +.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { + box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px var(--rz-primary-lighter); +} + +.rz-radiobutton-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-radiobutton-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} +.rz-slider .rz-slider-handle:before { + display: none; +} + +.rz-selectbutton .rz-button { + box-shadow: none; +} +.rz-selectbutton .rz-button:hover { + box-shadow: none !important; + background: var(--rz-base-200); +} + +.rz-datepicker-inline:not(.ng-trigger) table { + width: 100%; +} + +.rz-datepicker.rz-popup { + width: 340px !important; +} +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-title .rz-dropdown { + min-width: 100px !important; + margin-top: 0.75rem !important; +} +.rz-datepicker-title .rz-dropdown:first-child { + min-width: 140px !important; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-timepicker { + flex-wrap: wrap; +} +.rz-timepicker .rz-spinner { + flex: 1; +} +.rz-timepicker > .rz-button { + flex-basis: 100%; +} + +.rz-calendar .rz-inputtext { + padding-right: 2.5rem !important; +} + +.rz-spinner .rz-spinner-button { + box-shadow: none; +} +.rz-spinner .rz-spinner-button:hover { + box-shadow: none !important; +} + +.rz-fileupload-choose.rz-button { + background-position: center; + transition: background-size 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.12) 1%) center/15000%; +} +.rz-fileupload-choose.rz-button:active { + background-color: rgba(0, 0, 0, 0.12); + transition: background-size 0s; + background-size: 100%; +} +.rz-fileupload-choose.rz-button input { + z-index: 1; +} + +.rz-datatable .rz-col-icon { + border-right: var(--rz-border-base-300); +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-300); + --rz-grid-header-cell-border: var(--rz-border-base-300); +} + +.rz-paginator-pages { + max-height: 3rem; +} + +.rz-paginator-element { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:hover { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-tree-toggler { + position: relative; +} + +.rz-tree-toggler.rzi-caret-right:before { + margin-left: 0 !important; +} +.rz-tree-toggler.rzi-caret-down:before { + margin-left: 0 !important; +} +.rz-tree-toggler:after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition); +} +.rz-tree-toggler:active:after { + left: 0; + top: -0.25rem; + width: 2rem; + height: 2rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} + +.rz-scheduler-nav .rz-button { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-scheduler-nav .rz-button:hover { + box-shadow: var(--rz-shadow-0) !important; + background: var(--rz-base-200); +} +.rz-scheduler-nav .rz-button:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-view-header { + border-top: none !important; +} +.rz-year-view .rz-view-header { + border-bottom: none !important; +} + +.rz-tabview-nav > li > a { + position: relative; + overflow: hidden; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-tabview.rz-tabview-top > .rz-tabview-nav li { + border-bottom: 2px solid transparent; +} +.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { + border-top-width: 0; + border-bottom: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li { + border-top: 2px solid transparent; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { + border-bottom-width: 0; + border-top: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav li { + border-right: 2px solid transparent; +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { + border-left-width: 0; + border-right: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav li { + border-left: 2px solid transparent; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { + border-right-width: 0; + border-left: 2px solid var(--rz-primary); +} +.rz-tabview.rz-tabview-top > .rz-tabview-panels { + border-top: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-panels { + border-bottom: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-left > .rz-tabview-panels { + border-left: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-right > .rz-tabview-panels { + border-right: var(--rz-border-base-300); +} + +.rz-login .rz-textbox.invalid { + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +.rz-html-editor-toolbar { + font-size: 0.825rem; +} +.rz-html-editor-toolbar .rz-html-editor-button { + position: relative; + overflow: hidden; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #4340D2; + --secondary: #e91e63; + --success: #4caf50; + --info: #2196f3; + --warning: #ff9800; + --danger: #f44336; + --light: #eeeeee; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: var(--rz-text-font-family); + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: var(--rz-text-font-family); + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #616161; + text-align: left; + background-color: #f5f5f5; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #e91e63; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #e91e63; + text-decoration: none; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2.5rem; + padding: 0.375rem 0.75rem; + font-size: var(--rz-body-font-size); + font-weight: normal; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #a9a7ea; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 64, 210, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + color: #616161; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #4caf50; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(76, 175, 80, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #4caf50; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #4caf50; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #4caf50; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #4caf50; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #4caf50; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #6ec071; + background-color: #6ec071; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #4caf50; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #4caf50; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f44336; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(244, 67, 54, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #f44336; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #f44336; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f44336; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #f44336; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #f44336; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #f77066; + background-color: #f77066; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f44336; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #f44336; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.75rem; + font-weight: 500; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #4340D2; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #2d2bb4; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(67, 64, 210, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #e91e63; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #c1134e; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.5); +} + +.badge-success { + color: #fff; + background-color: #4caf50; +} +a.badge-success:hover, a.badge-success:focus { + color: #fff; + background-color: #3d8b40; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); +} + +.badge-info { + color: #fff; + background-color: #2196f3; +} +a.badge-info:hover, a.badge-info:focus { + color: #fff; + background-color: #0c7cd5; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ff9800; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #cc7a00; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #f44336; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #ea1c0d; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); +} + +.badge-light { + color: #212529; + background-color: #eeeeee; +} +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #d5d5d5; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 4px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #23216d; + background-color: #d9d9f6; + border-color: #cacaf2; +} +.alert-primary hr { + border-top-color: #b6b6ed; +} +.alert-primary .alert-link { + color: #161546; +} + +.alert-secondary { + color: #791033; + background-color: #fbd2e0; + border-color: #f9c0d3; +} +.alert-secondary hr { + border-top-color: #f7a9c3; +} +.alert-secondary .alert-link { + color: #4c0a20; +} + +.alert-success { + color: #285b2a; + background-color: #dbefdc; + border-color: #cde9ce; +} +.alert-success hr { + border-top-color: #bbe1bd; +} +.alert-success .alert-link { + color: #18381a; +} + +.alert-info { + color: #114e7e; + background-color: #d3eafd; + border-color: #c1e2fc; +} +.alert-info hr { + border-top-color: #a9d7fb; +} +.alert-info .alert-link { + color: #0b3251; +} + +.alert-warning { + color: #854f00; + background-color: #ffeacc; + border-color: #ffe2b8; +} +.alert-warning hr { + border-top-color: #ffd89f; +} +.alert-warning .alert-link { + color: #523100; +} + +.alert-danger { + color: #7f231c; + background-color: #fdd9d7; + border-color: #fccac7; +} +.alert-danger hr { + border-top-color: #fbb3af; +} +.alert-danger .alert-link { + color: #551713; +} + +.alert-light { + color: #7c7c7c; + background-color: #fcfcfc; + border-color: #fafafa; +} +.alert-light hr { + border-top-color: #ededed; +} +.alert-light .alert-link { + color: #636363; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.alert-dark hr { + border-top-color: #b9bbbe; +} +.alert-dark .alert-link { + color: #040505; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #4340D2 !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2d2bb4 !important; +} + +.bg-secondary { + background-color: #e91e63 !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #c1134e !important; +} + +.bg-success { + background-color: #4caf50 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #3d8b40 !important; +} + +.bg-info { + background-color: #2196f3 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #0c7cd5 !important; +} + +.bg-warning { + background-color: #ff9800 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #cc7a00 !important; +} + +.bg-danger { + background-color: #f44336 !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ea1c0d !important; +} + +.bg-light { + background-color: #eeeeee !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #d5d5d5 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #4340D2 !important; +} + +.border-secondary { + border-color: #e91e63 !important; +} + +.border-success { + border-color: #4caf50 !important; +} + +.border-info { + border-color: #2196f3 !important; +} + +.border-warning { + border-color: #ff9800 !important; +} + +.border-danger { + border-color: #f44336 !important; +} + +.border-light { + border-color: #eeeeee !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 4px !important; +} + +.rounded-top { + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; +} + +.rounded-right { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +.rounded-bottom { + border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-left { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #4340D2 !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #2826a0 !important; +} + +.text-secondary { + color: #e91e63 !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #aa1145 !important; +} + +.text-success { + color: #4caf50 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #357a38 !important; +} + +.text-info { + color: #2196f3 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0a6ebd !important; +} + +.text-warning { + color: #ff9800 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #b36a00 !important; +} + +.text-danger { + color: #f44336 !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #d2190b !important; +} + +.text-light { + color: #eeeeee !important; +} + +a.text-light:hover, a.text-light:focus { + color: #c8c8c8 !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #616161 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 300; + src: url("../fonts/roboto-v30-latin-300.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: url("../fonts/roboto-v30-latin-regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: url("../fonts/roboto-v30-latin-500.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: url("../fonts/roboto-v30-latin-700.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #fafafa; + --rz-base-100: #f5f5f5; + --rz-base-200: #eeeeee; + --rz-base-300: #e0e0e0; + --rz-base-400: #bdbdbd; + --rz-base-500: #9e9e9e; + --rz-base-600: #757575; + --rz-base-700: #616161; + --rz-base-800: #424242; + --rz-base-900: #212121; + --rz-primary: #4340D2; + --rz-primary-light: #6966db; + --rz-primary-lighter: rgba(67, 64, 210, 0.12); + --rz-primary-dark: #3633a8; + --rz-primary-darker: #2e2c8f; + --rz-secondary: #e91e63; + --rz-secondary-light: #ed4b82; + --rz-secondary-lighter: rgba(233, 30, 99, 0.12); + --rz-secondary-dark: #ba184f; + --rz-secondary-darker: #9e1443; + --rz-info: #2196f3; + --rz-info-light: #4dabf5; + --rz-info-lighter: rgba(33, 150, 243, 0.2); + --rz-info-dark: #1a78c2; + --rz-info-darker: #1666a5; + --rz-success: #4caf50; + --rz-success-light: #70bf73; + --rz-success-lighter: rgba(76, 175, 80, 0.16); + --rz-success-dark: #3d8c40; + --rz-success-darker: #347736; + --rz-warning: #ff9800; + --rz-warning-light: #ffad33; + --rz-warning-lighter: rgba(255, 152, 0, 0.2); + --rz-warning-dark: #cc7a00; + --rz-warning-darker: #ad6700; + --rz-danger: #f44336; + --rz-danger-light: #f6695e; + --rz-danger-lighter: rgba(244, 67, 54, 0.2); + --rz-danger-dark: #c3362b; + --rz-danger-darker: #a62e25; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #ffffff; + --rz-on-primary-lighter: #4340D2; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #ffffff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #ffffff; + --rz-on-secondary-lighter: #e91e63; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #ffffff; + --rz-on-info: #ffffff; + --rz-on-info-light: #ffffff; + --rz-on-info-lighter: #2196f3; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #ffffff; + --rz-on-success: #ffffff; + --rz-on-success-light: #ffffff; + --rz-on-success-lighter: #4caf50; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #ffffff; + --rz-on-warning: #ffffff; + --rz-on-warning-light: #ffffff; + --rz-on-warning-lighter: #ff9800; + --rz-on-warning-dark: #ffffff; + --rz-on-warning-darker: #ffffff; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #ffffff; + --rz-on-danger-lighter: #f44336; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffffff; + --rz-series-1: #3700b3; + --rz-series-2: #ba68c8; + --rz-series-3: #f06292; + --rz-series-4: #ff8a65; + --rz-series-5: #ffee58; + --rz-series-6: #9ccc65; + --rz-series-7: #26a69a; + --rz-series-8: #4fc3f7; + --rz-series-9: #7f5cce; + --rz-series-10: #ce93d8; + --rz-series-11: #f48fb1; + --rz-series-12: #ffab91; + --rz-series-13: #fff176; + --rz-series-14: #aed581; + --rz-series-15: #4db6ac; + --rz-series-16: #81d4fa; + --rz-series-17: #a58cdd; + --rz-series-18: #e1bee7; + --rz-series-19: #f8bbd0; + --rz-series-20: #ffccbc; + --rz-series-21: #fff59d; + --rz-series-22: #c5e1a5; + --rz-series-23: #80cbc4; + --rz-series-24: #b3e5fc; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 1rem; + --rz-body-line-height: 1.5; + --rz-body-background-color: var(--rz-base-100); + --rz-text-font-family: Roboto, sans-serif; + --rz-icon-size: 1.5rem; + --rz-icon-font-family: Material Icons; + --rz-outline-offset: 2px; + --rz-outline-width: 2px; + --rz-outline-color: var(--rz-primary); +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-800); + --rz-text-secondary-color: var(--rz-base-700); + --rz-text-tertiary-color: var(--rz-base-600); + --rz-text-disabled-color: var(--rz-base-500); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-800) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-600) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-500) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --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); +} + +:root { + --rz-base-background-color: var(--rz-white); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-400); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-900); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-300); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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; +} + +:root { + --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-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-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-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); +} + +:root { + --rz-outline-normal: none; + --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color); +} + +/* $rz-shadow-0: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14); + --rz-shadow-2: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-3: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-4: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); + --rz-shadow-5: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-6: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14); + --rz-shadow-7: 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.14); + --rz-shadow-8: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.14); + --rz-shadow-9: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14); + --rz-shadow-10: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.14); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + opacity: 0; + background-position: center; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; + transition: background-size 0.8s, opacity 0.8s; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background-size 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 100; + --rz-text-display-h1-letter-spacing: -1.5px; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 100; + --rz-text-display-h2-letter-spacing: -0.5px; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-letter-spacing: 0; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-letter-spacing: 0.25px; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-letter-spacing: 0; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 500; + --rz-text-display-h6-letter-spacing: 0.15px; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 100; + --rz-text-h1-letter-spacing: -1.5px; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 100; + --rz-text-h2-letter-spacing: -0.5px; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-letter-spacing: 0; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-letter-spacing: 0.25px; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 400; + --rz-text-h5-letter-spacing: 0; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 500; + --rz-text-h6-letter-spacing: 0.15px; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: 1.5; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-letter-spacing: 0.15px; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: 1.5; + --rz-text-subtitle2-font-weight: 500; + --rz-text-subtitle2-letter-spacing: 0.1px; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: 1.5; + --rz-text-body1-font-weight: 400; + --rz-text-body1-letter-spacing: 0.5px; + --rz-text-body1-color: var(--rz-text-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: 1.5; + --rz-text-body2-font-weight: 400; + --rz-text-body2-letter-spacing: 0.25px; + --rz-text-body2-color: var(--rz-text-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 500; + --rz-text-button-letter-spacing: 1.25px; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-color); + --rz-text-button-margin-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.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-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +label { + margin-bottom: 0; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-lighter); + --rz-text-selection-color: inherit; +} + +::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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --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: var(--rz-shadow-1); + --rz-button-transition: var(--rz-transition-all), width 0, height 0; + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-3); + --rz-button-hover-gradient: none; + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-3); + --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: var(--rz-outline-normal); + --rz-button-focus-outline-offset: var(--rz-outline-offset); + --rz-button-active-shadow: var(--rz-shadow-6); + --rz-button-active-gradient: none; + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.2; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator-element:focus-visible, .rz-button:focus-visible { + outline: var(--rz-button-focus-outline); + outline-offset: var(--rz-button-focus-outline-offset); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus-visible:not(:active), .rz-button:not(.rz-state-disabled):focus-visible:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-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-light:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-dark:focus-visible { + outline-color: var(--rz-outline-color); +} + +.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-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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-light.rz-variant-flat:focus-visible { + outline-color: var(--rz-outline-color); +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} +.rz-button.rz-base.rz-variant-flat:focus-visible { + outline-color: var(--rz-base); +} + +.rz-button.rz-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus-visible:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus-visible:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus-visible:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus-visible:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus-visible:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus-visible:not(:active), .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-paginator-element, .rz-button-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.75rem 1.5rem; + height: auto; + line-height: 1.5rem; + min-height: 3rem; + min-width: 3rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-paginator-element .rz-button-box, .rz-button-lg .rz-button-box { + line-height: 1.5rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-button-lg.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator-element, .rz-button-lg.rz-button-icon-only { + padding: 0.75rem; +} +.rz-paginator-element .rzi, .rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.5rem 1rem; + height: auto; + line-height: 1.25rem; + min-height: 2.25rem; + min-width: 2.25rem; + letter-spacing: 1.25px; + text-transform: uppercase; +} +.rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only, .rz-button-md.rz-paginator-element { + padding: 0.5rem; +} +.rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1.25rem; + height: 1.25rem; + line-height: 1.25rem; + width: 1.25rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 0.75rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; + letter-spacing: 0.75px; + text-transform: uppercase; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.25rem 0.5rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; + letter-spacing: 0; + text-transform: uppercase; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 1rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.25rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: 10rem; + --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: 500; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: uppercase; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0.125rem 0.125rem 0.125rem 0.75rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: calc(4 * var(--rz-border-radius)); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2.5rem; + --rz-input-line-height: 1.5; + --rz-input-padding: 0.4375rem 0.9375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: var(--rz-base-background-color); + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-focus-outline: var(--rz-outline-normal); + --rz-input-focus-outline-offset: 0; + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: var(--rz-base-background-color); + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); + outline: var(--rz-input-focus-outline); + outline-offset: var(--rz-input-focus-outline-offset); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-primary); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-on-primary); + --rz-header-shadow: var(--rz-shadow-4); +} + +.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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-background-color); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-secondary-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: var(--rz-border-base-200); + --rz-sidebar-background-color: var(--rz-base-background-color); + --rz-sidebar-color: var(--rz-text-color); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1rem; + --rz-card-background-color: var(--rz-base-background-color); + --rz-card-flat-background-color: var(--rz-base-background-color); + --rz-card-shadow: var(--rz-shadow-1); + --rz-card-border: var(--rz-border-base-300); + --rz-card-border-radius: var(--rz-border-radius); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: 0; + --rz-layout-body-background-color: transparent; +} + +.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); +} + +:root { + --rz-accordion-item-padding: 1rem; + --rz-accordion-item-margin: 0; + --rz-accordion-item-border: var(--rz-border-base-200); + --rz-accordion-item-background-color: var(--rz-base-background-color); + --rz-accordion-item-color: var(--rz-text-secondary-color); + --rz-accordion-item-focus-outline: var(--rz-outline-focus); + --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-accordion-item-line-height: 1.5rem; + --rz-accordion-item-font-size: var(--rz-body-font-size); + --rz-accordion-item-font-weight: 500; + --rz-accordion-icon-width: var(--rz-icon-size); + --rz-accordion-icon-height: var(--rz-icon-size); + --rz-accordion-icon-font-size: var(--rz-icon-size); + --rz-accordion-icon-margin: 0 0.75rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem; + --rz-accordion-toggle-icon-order: 1; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 1rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: var(--rz-border-radius); + --rz-accordion-shadow: var(--rz-shadow-1); +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} +.rz-accordion:focus { + outline: var(--rz-outline-normal); +} +.rz-accordion:focus-visible { + outline: var(--rz-accordion-item-focus-outline); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +:focus-visible .rz-accordion-header.rz-state-focused { + outline: var(--rz-accordion-item-focus-outline); + outline-offset: var(--rz-accordion-item-focus-outline-offset); +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_down"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_up"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 1rem; + --rz-panel-title-line-height: 1.5rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus); + --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset); + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: var(--rz-border-radius); + --rz-panel-shadow: var(--rz-shadow-1); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler:focus { + outline: var(--rz-outline-normal); +} +.rz-panel-titlebar-toggler:focus-visible { + outline: var(--rz-panel-toggle-icon-focus-outline); + outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-on-primary); + --rz-sidebar-toggle-background-color: transparent; + --rz-sidebar-toggle-hover-color: var(--rz-on-primary-light); + --rz-sidebar-toggle-hover-background-color: var(--rz-primary-light); + --rz-sidebar-toggle-hover-border-radius: 50%; + --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus); + --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset)); +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: 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-left: var(--rz-sidebar-toggle-border); + border-right: 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; +} + +:root { + --rz-menu-background-color: var(--rz-base-background-color); + --rz-menu-border: none; + --rz-menu-border-radius: var(--rz-border-radius); + --rz-menu-item-padding: 0.5rem 1rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-text-title-color); + --rz-menu-item-hover-background-color: var(--rz-base-100); + --rz-menu-item-focus-outline: var(--rz-outline-focus); + --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-menu-item-selected-color: var(--rz-text-title-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-text-title-color); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-on-primary); + --rz-menu-top-item-background-color: var(--rz-primary); + --rz-menu-top-item-hover-color: var(--rz-on-primary); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-on-primary); + --rz-menu-top-item-icon-color: var(--rz-on-primary); + --rz-menu-top-item-icon-hover-color: var(--rz-on-primary); + --rz-context-menu-padding: 0.5rem 0; + --rz-context-menu-box-shadow: var(--rz-shadow-6); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu):focus { + outline: var(--rz-outline-normal); +} +.rz-menu:not(.rz-profile-menu):focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-menu-item-focus-outline); + outline-offset: var(--rz-menu-item-focus-outline-offset); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0; + --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-font-weight: 500; + --rz-panel-menu-color: var(--rz-text-title-color); + --rz-panel-menu-background-color: var(--rz-base-background-color); + --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.04); + --rz-panel-menu-hover-color: var(--rz-text-title-color); + --rz-panel-menu-focus-outline: var(--rz-outline-focus); + --rz-panel-menu-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-panel-menu-item-line-height: 1.5rem; + --rz-panel-menu-item-padding: 1rem; + --rz-panel-menu-item-margin: 0; + --rz-panel-menu-item-border: var(--rz-border-base-200); + --rz-panel-menu-item-border-radius: 0; + --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-active-color: var(--rz-on-primary-lighter); + --rz-panel-menu-item-active-indicator: var(--rz-secondary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--rz-transition); + --rz-panel-menu-2nd-level-vertical-offset: 0.5rem; + --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.5rem 0.5rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.5rem; + --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius); + --rz-panel-menu-item-2nd-level-offset: 3rem; + --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-item-2nd-level-font-weight: 400; + --rz-panel-menu-item-2nd-level-color: var(--rz-text-tertiary-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-background-color); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-on-primary-lighter); + --rz-panel-menu-item-2nd-level-active-font-weight: 500; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-100); + --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-title-color); + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-lighter); + --rz-panel-menu-item-3rd-level-active-color: var(--rz-on-primary-lighter); + --rz-panel-menu-icon-width: var(--rz-icon-size); + --rz-panel-menu-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-icon-color: var(--rz-text-tertiary-color); + --rz-panel-menu-icon-height: var(--rz-icon-size); + --rz-panel-menu-icon-margin: 0 1rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 1rem 0 -2.25rem; + --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.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: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-background-color); + --rz-profile-menu-top-item-background-color: var(--rz-primary); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-contrast-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-100); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu:focus { + outline: var(--rz-outline-normal); +} +ul.rz-profile-menu:focus-visible { + outline: var(--rz-menu-item-focus-outline); +} +ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { + outline: var(--rz-profile-menu-item-focus-outline); + outline-offset: var(--rz-profile-menu-item-focus-outline-offset); +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + 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: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2.5rem; + --rz-gravatar-height: 2.5rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.25rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-on-secondary); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-number-focus-outline: var(--rz-outline-focus); + --rz-steps-number-focus-outline-offset: var(--rz-outline-offset); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.125rem; + --rz-checkbox-height: 1.125rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: 2px; + --rz-checkbox-label-margin: 0 1rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-focus-outline: var(--rz-outline-focus); + --rz-checkbox-focus-outline-offset: var(--rz-outline-offset); + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary-light); + --rz-checkbox-checked-disabled-background-color: var(--rz-base-500); + --rz-checkbox-checked-color: var(--rz-on-primary); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary); + --rz-checkbox-checked-disabled-border: var(--rz-border-base-500); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label, +.rz-chkbox-template { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} +.rz-chkbox:focus { + outline: var(--rz-outline-normal); +} +.rz-chkbox:focus-visible .rz-chkbox-box { + outline: var(--rz-checkbox-focus-outline); + outline-offset: var(--rz-checkbox-focus-outline-offset); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: var(--rz-base-400); + --rz-switch-checked-background-color: var(--rz-primary-lighter); + --rz-switch-box-shadow: var(--rz-shadow-1); + --rz-switch-circle-background-color: var(--rz-text-contrast-color); + --rz-switch-checked-circle-background-color: var(--rz-on-primary-lighter); + --rz-switch-focus-outline: var(--rz-outline-focus); + --rz-switch-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 2.25rem; + min-width: 2.25rem; + height: 0.875rem; + 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; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1.25rem; + height: 1.25rem; + left: 0; + margin-top: -0.625rem; + 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: ""; + top: 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(1rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: 2px; + --rz-radio-label-margin: 0 1rem; + --rz-radio-margin: 1rem 0; + --rz-radio-focus-outline: var(--rz-outline-focus); + --rz-radio-focus-outline-offset: var(--rz-outline-offset); + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + white-space: nowrap; + cursor: pointer; + width: var(--rz-radio-width); + height: var(--rz-radio-height); + border-radius: var(--rz-radio-border-radius); +} +.rz-radiobutton:focus { + outline: var(--rz-outline-normal); +} +.rz-radiobutton:focus-visible { + outline: var(--rz-radio-focus-outline); + outline-offset: var(--rz-radio-focus-outline-offset); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-300); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 0 1rem 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 1rem 0.5rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; + --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus); + --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset); +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.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: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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); +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --rz-dropdown-horizontal-padding: 1rem; + --rz-dropdown-panel-padding: 0 1rem; + --rz-dropdown-items-margin: 0 -1rem; + --rz-dropdown-items-padding: 0.5rem 0; + --rz-dropdown-item-padding: 0.75rem 1rem; + --rz-dropdown-item-font-size: var(--rz-input-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-100); + --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-title-color); + --rz-dropdown-item-selected-color: var(--rz-on-primary-lighter); + --rz-dropdown-item-selected-hover-background-color: var(--rz-primary-lighter); + --rz-dropdown-item-selected-hover-color: var(--rz-on-primary-lighter); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.2; + --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-base-200); + --rz-dropdown-filter-padding: 1rem 0 0.5rem; + --rz-dropdown-open-background-color: var(--rz-base-background-color); + --rz-dropdown-open-border: 2px solid var(--rz-primary); + --rz-dropdown-panel-border: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-4); + --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem; + --rz-multiselect-checkbox-margin: 0 1rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --rz-listbox-background-color: var(--rz-input-background-color); + --rz-listbox-border-radius: var(--rz-input-border-radius); + --rz-listbox-border: var(--rz-input-border); + --rz-listbox-focus-border: var(--rz-input-focus-border); + --rz-listbox-focus-shadow: var(--rz-input-focus-shadow); + --rz-listbox-filter-border: var(--rz-border-base-200); + --rz-listbox-padding: 0; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 1rem 0 0; + --rz-listbox-header-padding: 0.75rem 1rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --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); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-primary-lighter); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 4px; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 20px; + --rz-slider-handle-height: 20px; + --rz-slider-handle-color: var(--rz-on-secondary); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: 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-primary); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: 0px 0px 0px 10px var(--rz-primary-lighter); + --rz-slider-handle-focus-outline: var(--rz-outline-focus); + --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset); + --rz-slider-disabled-background-color: var(--rz-base-300); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-500); + --rz-slider-disabled-range-border: none; + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-500); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; + outline: none; +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { + outline: var(--rz-outline-normal); +} +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { + outline: var(--rz-slider-handle-focus-outline); + outline-offset: var(--rz-slider-handle-focus-outline-offset); +} + +:root { + --rz-rating-color: var(--rz-text-secondary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-focus-color: var(--rz-primary-darker); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-disabled-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { + color: var(--rz-rating-focus-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o:before { + content: "star"; +} + +:root { + --rz-selectbar-background-color: var(--rz-base-backgorund-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-base-300); + --rz-selectbar-selected-background-color: var(--rz-primary-lighter); + --rz-selectbar-selected-color: var(--rz-on-primary-lighter); + --rz-selectbar-selected-border: var(--rz-border-base-300); + --rz-selectbar-border-radius: var(--rz-border-radius); +} + +.rz-selectbutton { + display: inline-flex; +} +.rz-selectbutton .rz-button:focus-visible { + z-index: 1; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --rz-datepicker-trigger-icon-width: var(--rz-icon-size); + --rz-datepicker-trigger-icon-height: var(--rz-icon-size); + --rz-datepicker-line-height: 1.5rem; + --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-background-color); + --rz-datepicker-panel-shadow: var(--rz-shadow-4); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: var(--rz-base-background-color); + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 3.625rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 0.75rem; + --rz-datepicker-footer-line-height: 3rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: 0.75rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: 0.875rem; + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-100); + --rz-datepicker-calendar-selected-color: var(--rz-on-secondary); + --rz-datepicker-calendar-selected-background-color: var(--rz-secondary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary-light); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary-light); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-text-color); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px var(--rz-text-color); + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 3.5rem; + --rz-datepicker-focus-outline: var(--rz-outline-focus); + --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-timepicker-background-color: var(--rz-base-background-color); + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-base-300); + --rz-timepicker-button-color: var(--rz-text-color); + --rz-timepicker-button-width: 0.875rem; + --rz-timepicker-button-height: 0.875rem; + --rz-timepicker-button-border-radius: 2px; + --rz-timepicker-button-padding: 0.5rem 1rem !important; + --rz-timepicker-gap: 0.5rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: var(--rz-border-base-300); +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar-container:focus { + outline: var(--rz-outline-normal); +} +.rz-datepicker-calendar-container:focus-visible { + outline: var(--rz-datepicker-focus-outline); + outline-offset: var(--rz-datepicker-focus-outline-offset); +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active.rz-state-focused, .rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today.rz-state-focused, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-week-number { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-numeric-button-width: 1rem; + --rz-numeric-button-height: 1rem; + --rz-numeric-button-offset: 2px; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-100); + --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-200); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-200); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-200); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-200); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-300); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-300); + --rz-grid-cell-padding: 0.625rem 1rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: 0.875rem; + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-cell-focus-background-color: var(--rz-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-base-100); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-focus-outline: var(--rz-outline-focus); + --rz-grid-focus-outline-offset: var(--rz-outline-offset); + --rz-grid-selected-background-color: var(--rz-primary-lighter); + --rz-grid-selected-color: var(--rz-on-primary-lighter); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-300); + --rz-grid-header-background-color: var(--rz-base-background-color); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1.5rem; + --rz-grid-header-font-weight: 500; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.75rem 0; + --rz-grid-header-title-padding: 0 0 0 1rem; + --rz-grid-header-sorted-background-color: var(--rz-base-200); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-100); + --rz-grid-filter-background-color: var(--rz-base-background-color); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: none; + --rz-grid-filter-font-size: 0.875rem; + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --rz-grid-filter-icon-font-size: 0.875rem; + --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: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-clear-filter-button-color: var(--rz-text-color); + --rz-grid-clear-filter-button-shadow: none; + --rz-grid-apply-filter-button-background-color: var(--rz-base-background-color); + --rz-grid-apply-filter-button-color: var(--rz-primary); + --rz-grid-apply-filter-button-shadow: none; + --rz-grid-header-filter-icon-margin: 0 1rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1.25rem; + --rz-grid-border: var(--rz-border-base-300); + --rz-grid-border-radius: 0; + --rz-grid-sort-icon-width: 1.25rem; + --rz-grid-sort-icon-height: 1.25rem; + --rz-grid-sort-icon-color: var(--rz-text-disabled-color); + --rz-grid-shadow: none; + --rz-grid-background-color: var(--rz-base-background-color); + --rz-grid-stripe-background-color: var(--rz-base-50); + --rz-grid-stripe-odd-background-color: var(--rz-base-background-color); + --rz-grid-column-resizer-width: 0.25rem; + --rz-grid-column-resizer-helper-width: 0.125rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-100); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-300); + --rz-grid-frozen-cell-background-color: var(--rz-base-background-color); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 1rem; + --rz-grid-group-header-item-background-color: var(--rz-base-200); + --rz-grid-group-header-item-padding: 0.25rem 0.5rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: var(--rz-border-base-200); + --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius)); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-disabled-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-4); +} + +.rz-datatable { + position: relative; + box-shadow: var(--rz-grid-shadow); + border: var(--rz-grid-cell-border); + border-radius: var(--rz-grid-border-radius); + background-color: var(--rz-grid-background-color); + overflow: hidden; +} +.rz-datatable:focus { + outline: var(--rz-outline-normal); +} +.rz-datatable:focus-visible { + outline: var(--rz-grid-focus-outline); + outline-offset: var(--rz-grid-focus-outline-offset); +} +.rz-datatable .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th.rz-state-focused, +.rz-grid-table thead th.rz-state-focused { + outline: var(--rz-grid-cell-focus-outline); + outline-offset: var(--rz-grid-cell-focus-outline-offset); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 0.5rem; +} + +.rz-selectable tbody tr.rz-data-row td, +.rz-selectable tbody tr.rz-data-row .rz-cell-data { + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { + content: ""; + position: absolute; + inset: 0; + transition: background-color var(--rz-transition), color var(--rz-transition); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-cell-focus-background-color); + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { + color: var(--rz-grid-cell-focus-color) !important; +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { + color: var(--rz-grid-cell-focus-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: var(--rz-grid-frozen-cell-border) !important; +} +.rz-grid-table-fixed .rz-frozen-cell-left-inner, +.rz-grid-table-fixed .rz-frozen-cell-right-inner { + border-right: var(--rz-grid-frozen-cell-border) !important; + border-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 1rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: 2rem; + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-100); + --rz-paginator-numeric-button-hover-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-primary-lighter); + --rz-paginator-numeric-button-selected-color: var(--rz-on-primary-lighter); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-min-width: 3rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-100); + --rz-paginator-back-button-hover-color: var(--rz-text-title-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-100); + --rz-paginator-next-button-hover-color: var(--rz-text-title-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: 0.875rem; + --rz-paginator-summary-color: var(--rz-text-tertiary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator:focus { + outline: var(--rz-outline-normal); +} +.rz-paginator:focus-visible .rz-paginator-element.rz-state-focused, +.rz-paginator:focus-visible .rz-paginator-page.rz-state-focused { + outline: var(--rz-outline-focus); + outline-offset: var(--rz-outline-offset); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} +.rz-paginator-element.rz-state-focused, +.rz-paginator-page.rz-state-focused { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-4); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-background-color); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.25rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-primary-lighter); + --rz-tree-node-selected-color: var(--rz-on-primary-lighter); + --rz-tree-node-selected-border-radius: var(--rz-border-radius); + --rz-tree-node-margin: 0; + --rz-tree-node-hover-background-color: var(--rz-base-100); + --rz-tree-node-hover-color: var(--rz-text-title-color); + --rz-tree-node-focus-outline: var(--rz-outline-focus); + --rz-tree-node-focus-outline-offset: calc(-1 * var(--rz-outline-width)); + --rz-tree-node-toggle-width: 2rem; + --rz-tree-node-toggle-color: var(--rz-text-tertiary-color); + --rz-tree-node-toggle-hover-color: var(--rz-text-color); + --rz-tree-transition: var(--rz-transition-all), width 0, height 0; +} + +.rz-tree { + 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-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "chevron_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "expand_more"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-1); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: var(--rz-border-base-300); + --rz-datalist-border-radius: var(--rz-border-radius); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: var(--rz-border-base-300); + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: var(--rz-base-background-color); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-base-300); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: var(--rz-border-radius); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-background-color); + --rz-scheduler-toolbar-title-font-size: 1.5rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color); + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: 2rem; + --rz-scheduler-next-button-border-radius: 2rem; + --rz-scheduler-today-button-margin-left: 1rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.875rem; + --rz-scheduler-today-button-text-transform: capitalize; + --rz-scheduler-view-button-border: var(--rz-border-base-300); + --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-primary-lighter); + --rz-scheduler-view-selected-background-color: var(--rz-primary-lighter); + --rz-scheduler-view-selected-border-color: var(--rz-base-300); + --rz-scheduler-header-background-color: var(--rz-base-background-color); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: uppercase; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-base-300); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-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: 0 1px 1px 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-disabled-color); + --rz-scheduler-weekend-background-color: var(--rz-base-50); + --rz-scheduler-other-month-background-color: var(--rz-base-100); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 0.25rem; + --rz-scheduler-year-slot-title-width: fit-content; + --rz-scheduler-year-slot-title-border-radius: 50%; + --rz-scheduler-planner-slot-width: 3rem; + --rz-scheduler-planner-slot-height: 4.5rem; + --rz-scheduler-focus-outline: var(--rz-outline-focus); + --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-scheduler { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.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-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-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-right: 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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button:focus-visible { + z-index: 1; +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.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-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.rz-month-view .rz-view-content { + flex: 1; + flex-direction: column; +} +.rz-month-view .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-month-view .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-month-view .rz-slot { + flex: 1; + height: 100%; +} +.rz-month-view .rz-slot:first-child { + border-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.rz-planner-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { + writing-mode: vertical-lr; + transform: rotate(-180deg); +} +.rz-planner-view .rz-month .rz-slot:last-child { + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); +} +.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { + writing-mode: vertical-rl; + text-align: center; + font-size: var(--rz-scheduler-header-font-size); + padding: var(--rz-scheduler-header-padding); + text-transform: var(--rz-scheduler-header-text-transform); + color: var(--rz-scheduler-header-color); +} +.rz-planner-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-planner-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-timeline-view { + flex: auto; + overflow: auto; + flex-wrap: wrap; + flex-direction: unset; +} +.rz-timeline-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view:focus-visible { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-slot.rz-state-focused { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-scheduler-focus-outline-offset); +} +.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { + outline: var(--rz-scheduler-focus-outline); + outline-offset: var(--rz-outline-offset); +} +.rz-timeline-view .rz-month { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slots { + flex: 0 0 auto; +} +.rz-timeline-view .rz-month .rz-slot { + width: var(--rz-scheduler-timeline-slot-width); + height: var(--rz-scheduler-timeline-slot-height); +} +.rz-timeline-view .rz-month .rz-slot.rz-other-month { + background-color: var(--rz-scheduler-other-month-background-color); +} +.rz-timeline-view .rz-month .rz-slot.rz-weekend { + color: var(--rz-scheduler-weekend-color); + background-color: var(--rz-scheduler-weekend-background-color); +} + +.rz-year-view { + overflow: auto; + padding: var(--rz-scheduler-year-padding); + --rz-gap: var(--rz-scheduler-year-padding); +} +.rz-year-view .rz-flex-column, +.rz-year-view .rz-week { + min-width: fit-content; +} +.rz-year-view .rz-slot { + flex: 1; + border-top: 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); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 0.875rem; + --rz-tabs-tab-line-height: 1.5rem; + --rz-tabs-tab-font-weight: 500; + --rz-tabs-tab-text-transform: uppercase; + --rz-tabs-tab-letter-spacing: 1.25px; + --rz-tabs-tab-padding: 0.75rem 1rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-primary); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: var(--rz-base-200); + --rz-tabs-tab-hover-color: var(--rz-text-title-color); + --rz-tabs-tab-focus-background-color: var(--rz-base-200); + --rz-tabs-tab-focus-color: var(--rz-text-title-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: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + 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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + 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: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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); +} +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a, +.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) a:not([href]):not([class]) { + color: var(--rz-tabs-tab-focus-color); +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a, +.rz-tabview-nav .rz-tabview-selected a:not([href]):not([class]) { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-info); + --rz-tooltip-color: var(--rz-white); + --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: 0.875rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-background-color); + --rz-dialog-shadow: var(--rz-shadow-9); + --rz-dialog-title-background-color: var(--rz-base-background-color); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.5rem 1.5rem 0 1.5rem; + --rz-dialog-title-font-size: 1.25rem; + --rz-dialog-title-line-height: 1.5rem; + --rz-dialog-title-font-weight: 500; + --rz-dialog-title-letter-spacing: 0.0125em; + --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-title-color); + --rz-dialog-close-vertical-align: middle; + --rz-dialog-content-padding: 1.5rem; + --rz-dialog-mask-background-color: var(--rz-base-800); + --rz-dialog-border-radius: var(--rz-border-radius); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 0; + --rz-notification-container-background-color: var(--rz-white); + --rz-notification-shadow: none; + --rz-notification-border-radius: var(--rz-border-radius); + --rz-notification-success-color: var(--rz-success); + --rz-notification-success-background-color: var(--rz-success-lighter); + --rz-notification-success-icon-color: var(--rz-success); + --rz-notification-warning-color: var(--rz-warning); + --rz-notification-warning-background-color: var(--rz-warning-lighter); + --rz-notification-warning-icon-color: var(--rz-warning); + --rz-notification-error-color: var(--rz-danger); + --rz-notification-error-background-color: var(--rz-danger-lighter); + --rz-notification-error-icon-color: var(--rz-danger); + --rz-notification-info-color: var(--rz-info); + --rz-notification-info-background-color: var(--rz-info-lighter); + --rz-notification-info-icon-color: var(--rz-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-on-danger); + --rz-validator-shadow: 0 6px 14px 0 rgba(244, 67, 54, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(0, 0, 0, 0.12); + --rz-scrollbar-border-radius: 0; + --rz-scrollbar-size: 16px; +} + +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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-primary-lighter); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.25rem; + --rz-progressbar-border-radius: 0; + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 0; + --rz-progressbar-circular-value-stroke-width: 3px; + --rz-progressbar-circular-value-endpoint: square; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-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.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-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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-base-500); + --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-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + display: flex; + align-items: center; + gap: 4px; + margin: 4px; + cursor: pointer; +} +.rz-legend-item:focus { + outline: var(--rz-outline-normal); +} +.rz-legend-item:focus-visible { + outline: var(--rz-chart-legend-focus-outline); + outline-offset: var(--rz-chart-legend-focus-outline-offset); + border-radius: var(--rz-border-radius); +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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); +} + +:root { + --rz-editor-border: var(--rz-border-base-300); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary-lighter); + --rz-editor-button-selected-color: var(--rz-on-secondary-lighter); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); + --rz-editor-focus-outline: var(--rz-outline-focus); + --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width)); +} + +.rz-html-editor { + 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; +} + +:root { + --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-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: var(--rz-border-radius); + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-top-left-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} +.rz-colorpicker-item:focus { + outline: var(--rz-outline-normal); +} +.rz-colorpicker-item:focus-visible { + outline: var(--rz-colorpicker-focus-outline); + outline-offset: var(--rz-colorpicker-focus-outline-offset); +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-on-primary); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --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: 4px; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-title-color: var(--rz-text-h6-color); + --rz-alert-icon-color: var(--rz-alert-color); + --rz-alert-icon-margin: 0.125rem 0; + --rz-alert-icon-size: var(--rz-icon-size); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.5rem 0 0; + --rz-form-field-start-end-padding: 0 0.75rem; + --rz-form-field-filled-height: 3.375rem; + --rz-form-field-filled-padding: 1.4375rem 0.9375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-form-field-filled-background-color: var(--rz-base-200); + --rz-form-field-filled-hover-background-color: var(--rz-base-300); + --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-200); + --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-300); + --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-200); + --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + --rz-form-field-filled-label-floating-top: 0.5rem; + --rz-form-field-filled-hover-shadow: none; + --rz-form-field-filled-focus-shadow: none; + --rz-form-field-filled-underline-display: block; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0 0.25rem; + --rz-form-field-text-label-padding: 0; + --rz-form-field-label-left: 0.6875rem; + --rz-form-field-label-textarea-top: 0.5rem; + --rz-form-field-label-floating-top: -0.5625rem; + --rz-form-field-label-floating-background-color: var(--rz-input-background-color); + --rz-form-field-helper-padding: 0 1rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-color); + opacity: 1; +} +.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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-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-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 0; + transform: translate(0, 0); + color: var(--rz-input-placeholder-color); + background-color: var(--rz-form-field-label-floating-background-color); + font-size: 0.75rem; + line-height: 1rem; + max-width: calc(100% - 1.5rem); +} +.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-300); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-300); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material3-base.css b/_content/Radzen.Blazor/css/material3-base.css new file mode 100755 index 0000000..665f12b --- /dev/null +++ b/_content/Radzen.Blazor/css/material3-base.css @@ -0,0 +1,20483 @@ +@charset "UTF-8"; +/*! +The contents of this file are copyrighted and cannot be used outside of blazor.radzen.com +To use it in your application you need an active Radzen/Radzen Blazor Studio Professional or Enterprise subscription - https://www.radzen.com/princing +Any questions concerning the use or status of this file should be directed to info@radzen.com +*/ +.rz-button { + position: relative; + overflow: hidden; +} +.rz-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-header { + padding: 0.5rem; +} +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-text-color); +} + +.sidebar-toggle { + position: relative; + overflow: hidden; +} +.sidebar-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.sidebar-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-navigation-item-link, +.rz-menu-toggle { + position: relative; + overflow: hidden; +} +.rz-navigation-item-link:not(.rz-state-disabled):before, +.rz-menu-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-navigation-item-link:not(.rz-state-disabled):active:before, +.rz-menu-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.panel-menu .navigation-item-wrapper-active:before { + display: none; +} + +.rz-panel-menu .rz-navigation-item-link { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, var(--rz-base-300) 1%) center/15000%; +} +.rz-panel-menu .rz-navigation-item-link:active { + background-color: var(--rz-base-300); + transition: background 0s; + background-size: 100%; +} +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-chkbox-box .rzi { + font-weight: bold; +} +.rz-chkbox-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-chkbox-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-chkbox-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-chkbox-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-switch .rz-switch-circle { + box-shadow: inset 0 0 0 2px var(--rz-base-700); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + box-shadow: none; +} + +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { + transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition); + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.04); +} +.rz-switch .rz-switch-circle:active:not(.rz-disabled):before { + width: 1.5rem; + height: 1.5rem; + left: 0.25rem; + margin-top: -0.75rem; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + width: 1.5rem; + height: 1.5rem; + left: 0.25rem; + margin-top: -0.75rem; +} +.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { + box-shadow: 0 0 0 10px var(--rz-primary-lighter); +} + +.rz-radiobutton-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-radiobutton-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} +.rz-slider .rz-slider-handle:before { + display: none; +} +.rz-slider.rz-state-disabled .rz-slider-handle { + box-shadow: none; +} + +.rz-selectbutton .rz-button { + box-shadow: none; +} +.rz-selectbutton .rz-button:hover, .rz-selectbutton .rz-button:focus { + box-shadow: none !important; + background: var(--rz-base-200); +} + +.rz-datepicker-inline:not(.ng-trigger) table { + width: 100%; +} + +.rz-datepicker.rz-popup { + width: 340px !important; +} +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-title .rz-dropdown { + min-width: 100px !important; + margin-top: 0.75rem !important; +} +.rz-datepicker-title .rz-dropdown:first-child { + min-width: 140px !important; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-timepicker { + flex-wrap: wrap; +} +.rz-timepicker .rz-spinner { + flex: 1; +} +.rz-timepicker > .rz-button { + flex-basis: 100%; +} + +.rz-calendar .rz-inputtext { + padding-right: 2.5rem !important; +} + +.rz-datepicker-trigger { + border-radius: 0 !important; + background-color: transparent !important; + background-image: none !important; + box-shadow: none !important; +} + +.rz-spinner .rz-spinner-button { + box-shadow: none; +} +.rz-spinner .rz-spinner-button:hover { + box-shadow: none !important; +} + +.rz-fileupload-choose.rz-button { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.12) 1%) center/15000%; +} +.rz-fileupload-choose.rz-button:active { + background-color: rgba(0, 0, 0, 0.12); + transition: background 0s; + background-size: 100%; +} +.rz-fileupload-choose.rz-button input { + z-index: 1; +} + +.rz-datatable .rz-col-icon { + border-right: var(--rz-border-base-300); +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-300); + --rz-grid-header-cell-border: var(--rz-border-base-300); +} + +.rz-paginator-pages { + max-height: 3rem; +} + +.rz-paginator-element { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:hover { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-tree-toggler { + position: relative; +} + +.rz-tree-toggler.rzi-caret-right:before { + margin-left: 0 !important; +} +.rz-tree-toggler.rzi-caret-down:before { + margin-left: 0 !important; +} +.rz-tree-toggler:after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition); +} +.rz-tree-toggler:active:after { + left: 0; + top: -0.25rem; + width: 2rem; + height: 2rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} + +.rz-scheduler-nav .rz-button { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-scheduler-nav .rz-button:hover { + box-shadow: var(--rz-shadow-0) !important; + background: var(--rz-base-200); +} +.rz-scheduler-nav .rz-button:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-view-header { + border-top: none !important; +} +.rz-year-view .rz-view-header { + border-bottom: none !important; +} + +.rz-tabview-nav > li > a { + position: relative; + overflow: hidden; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { + border-top-width: 0; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li { + border-top-width: 0; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { + border-bottom-width: 0; +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { + border-left-width: 0; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav li { + border-left-width: 0; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { + border-right-width: 0; +} +.rz-tabview.rz-tabview-top > .rz-tabview-panels { + border-top: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-panels { + border-bottom: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-left > .rz-tabview-panels { + border-left: var(--rz-border-base-300); +} +.rz-tabview.rz-tabview-right > .rz-tabview-panels { + border-right: var(--rz-border-base-300); +} + +.rz-tabview-nav { + z-index: 0; +} +.rz-tabview-nav li { + position: relative; +} +.rz-tabview-nav li:after { + z-index: -1; + content: ""; + position: absolute; + bottom: 0; + left: 1rem; + right: 1rem; + height: 0.1875rem; + border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + background-color: transparent; +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after { + background-color: var(--rz-primary); +} +.rz-tabview-nav li.rz-tabview-selected:after { + background-color: var(--rz-primary); +} +.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected { + margin-bottom: 0; +} +.rz-tabview-bottom > .rz-tabview-nav li:after { + top: 0; + border-radius: 0 0 var(--rz-border-radius) var(--rz-border-radius); +} +.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected { + margin-top: 0; + padding-top: 0; +} +.rz-tabview-left > .rz-tabview-nav li:after { + left: auto; + right: 0; + top: 1rem; + bottom: 1rem; + width: 0.1875rem; + height: auto; + border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); +} +.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected { + margin-right: 0; +} +.rz-tabview-right > .rz-tabview-nav li:after { + left: 0; + right: auto; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; + border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected { + margin-left: 0; + padding-left: 0; +} + +.rz-login .rz-textbox.invalid { + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +.rz-html-editor-toolbar { + font-size: 0.825rem; +} +.rz-html-editor-toolbar .rz-html-editor-button { + position: relative; + overflow: hidden; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +@media (max-width: 768px) { + .rz-layout .rz-body { + margin: 0; + border-radius: 0; + } +} +.rz-search-input { + border: var(--rz-border-base-200) !important; + border-radius: calc(var(--rz-border-radius) * 5) !important; + background-color: var(--rz-base-200) !important; +} +div:has(.rz-search-input) { + padding-top: 0.125rem !important; +} +.rz-search-input:hover { + border: var(--rz-border-base-400) !important; + background-color: var(--rz-base-400) !important; +} +.rz-search-input:hover:focus, .rz-search-input:focus { + border: var(--rz-border-base-50) !important; + background-color: var(--rz-white) !important; + box-shadow: var(--rz-shadow-1) !important; +} + +.rz-card.rz-material-3-demo-card { + box-shadow: none; + border: var(--rz-border-base-300); +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 300; + src: local(""), url("../fonts/roboto-v30-latin-300.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local(""), url("../fonts/roboto-v30-latin-regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local(""), url("../fonts/roboto-v30-latin-500.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local(""), url("../fonts/roboto-v30-latin-700.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #f8fafb; + --rz-base-100: #f3f6f9; + --rz-base-200: #e3eaf2; + --rz-base-300: #dfe5ec; + --rz-base-400: #dbe0e6; + --rz-base-500: #d7dbe0; + --rz-base-600: #c6cbd2; + --rz-base-700: #74787e; + --rz-base-800: #45494f; + --rz-base-900: #1b1d20; + --rz-primary: #3481e5; + --rz-primary-light: #bcd8ff; + --rz-primary-lighter: rgba(0, 111, 255, 0.13); + --rz-primary-dark: #375a8b; + --rz-primary-darker: #00215d; + --rz-secondary: #5b6471; + --rz-secondary-light: #c2cddc; + --rz-secondary-lighter: rgba(0, 107, 255, 0.13); + --rz-secondary-dark: #444c58; + --rz-secondary-darker: #19212b; + --rz-info: #085786; + --rz-info-light: #aadaff; + --rz-info-lighter: rgba(170, 218, 255, 0.5); + --rz-info-dark: #086791; + --rz-info-darker: #002d41; + --rz-success: #386A20; + --rz-success-light: #c0ffaa; + --rz-success-lighter: rgba(192, 255, 170, 0.5); + --rz-success-dark: #3e9108; + --rz-success-darker: #194100; + --rz-warning: #e8e971; + --rz-warning-light: #f9ffaa; + --rz-warning-lighter: rgba(249, 255, 170, 0.5); + --rz-warning-dark: #918908; + --rz-warning-darker: #413d00; + --rz-danger: #b3261e; + --rz-danger-light: #ffb4aa; + --rz-danger-lighter: rgba(255, 180, 170, 0.5); + --rz-danger-dark: #91080a; + --rz-danger-darker: #410001; + --rz-on-primary: #ffffff; + --rz-on-primary-light: #00215d; + --rz-on-primary-lighter: #00215d; + --rz-on-primary-dark: #ffffff; + --rz-on-primary-darker: #bcd8ff; + --rz-on-secondary: #ffffff; + --rz-on-secondary-light: #19212b; + --rz-on-secondary-lighter: #19212b; + --rz-on-secondary-dark: #ffffff; + --rz-on-secondary-darker: #c2cddc; + --rz-on-info: #ffffff; + --rz-on-info-light: #002d41; + --rz-on-info-lighter: #086791; + --rz-on-info-dark: #ffffff; + --rz-on-info-darker: #aadaff; + --rz-on-success: #ffffff; + --rz-on-success-light: #194100; + --rz-on-success-lighter: #194100; + --rz-on-success-dark: #ffffff; + --rz-on-success-darker: #c0ffaa; + --rz-on-warning: #1b1d20; + --rz-on-warning-light: #413d00; + --rz-on-warning-lighter: #413d00; + --rz-on-warning-dark: #ffffff; + --rz-on-warning-darker: #f9ffaa; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #410001; + --rz-on-danger-lighter: #410001; + --rz-on-danger-dark: #ffffff; + --rz-on-danger-darker: #ffb4aa; + --rz-series-1: #75abf0; + --rz-series-2: #9c75f0; + --rz-series-3: #f075e8; + --rz-series-4: #f0758c; + --rz-series-5: #f0ba75; + --rz-series-6: #c9f075; + --rz-series-7: #75f07d; + --rz-series-8: #75f0d9; + --rz-series-9: #478eeb; + --rz-series-10: #7b47eb; + --rz-series-11: #eb47e0; + --rz-series-12: #eb4766; + --rz-series-13: #eba447; + --rz-series-14: #b7eb47; + --rz-series-15: #47eb52; + --rz-series-16: #47ebcc; + --rz-series-17: #3d72b8; + --rz-series-18: #643db8; + --rz-series-19: #b83db0; + --rz-series-20: #b83d54; + --rz-series-21: #b8823d; + --rz-series-22: #91b83d; + --rz-series-23: #3db845; + --rz-series-24: #3db8a1; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 1rem; + --rz-body-line-height: 1.5; + --rz-body-background-color: var(--rz-base-100); + --rz-text-font-family: Roboto, sans-serif; + --rz-icon-size: 1.5rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-base-900); + --rz-text-color: var(--rz-base-900); + --rz-text-secondary-color: var(--rz-base-800); + --rz-text-tertiary-color: var(--rz-base-700); + --rz-text-disabled-color: var(--rz-base-600); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-900) !important; +} + +.rz-text-color { + color: var(--rz-base-900) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-800) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-700) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-600) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --rz-link-color: var(--rz-primary); + --rz-link-text-decoration: none; + --rz-link-hover-color: var(--rz-primary-dark); + --rz-link-hover-text-decoration: underline; +} + +:root { + --rz-base-background-color: var(--rz-base-50); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-600); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-700); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-400); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0px 1px 2px rgba(69, 73, 79, 0.3), 0px 1px 3px 1px rgba(69, 73, 79, 0.15); + --rz-shadow-2: 0px 1px 2px rgba(69, 73, 79, 0.3), 0px 2px 6px 2px rgba(69, 73, 79, 0.15); + --rz-shadow-3: 0px 4px 8px 3px rgba(69, 73, 79, 0.15), 0px 1px 3px rgba(69, 73, 79, 0.3); + --rz-shadow-4: 0px 6px 10px 4px rgba(69, 73, 79, 0.15), 0px 2px 3px rgba(69, 73, 79, 0.3); + --rz-shadow-5: 0px 8px 12px 6px rgba(69, 73, 79, 0.15), 0px 4px 4px rgba(69, 73, 79, 0.3); + --rz-shadow-6: 0px 12px 16px 6px rgba(69, 73, 79, 0.15), 0px 4px 6px rgba(69, 73, 79, 0.3); + --rz-shadow-7: 0px 16px 20px 6px rgba(69, 73, 79, 0.15), 0px 6px 6px rgba(69, 73, 79, 0.3); + --rz-shadow-8: 0px 20px 24px 6px rgba(69, 73, 79, 0.15), 0px 6px 8px rgba(69, 73, 79, 0.3); + --rz-shadow-9: 0px 24px 28px 6px rgba(69, 73, 79, 0.15), 0px 8px 8px rgba(69, 73, 79, 0.3); + --rz-shadow-10: 0px 28px 32px 6px rgba(69, 73, 79, 0.15), 0px 8px 10px rgba(69, 73, 79, 0.3); +} + +.rz-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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 100; + --rz-text-display-h1-letter-spacing: -1.5px; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 100; + --rz-text-display-h2-letter-spacing: -0.5px; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-letter-spacing: 0; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-letter-spacing: 0.25px; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-letter-spacing: 0; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 500; + --rz-text-display-h6-letter-spacing: 0.15px; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: clamp(3rem, 4.167vw, 3.5625rem); + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 400; + --rz-text-h1-letter-spacing: -0.5px; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: clamp(2.25rem, 3.333vw, 2.8125rem); + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 400; + --rz-text-h2-letter-spacing: 0; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-letter-spacing: 0; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-letter-spacing: 0.15px; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 500; + --rz-text-h5-letter-spacing: 0.15px; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: clamp(0.875rem, 1.389vw, 1rem); + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 500; + --rz-text-h6-letter-spacing: 0.1px; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: 1.5; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-letter-spacing: 0.15px; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: 1.5; + --rz-text-subtitle2-font-weight: 500; + --rz-text-subtitle2-letter-spacing: 0.1px; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: 1.5; + --rz-text-body1-font-weight: 400; + --rz-text-body1-letter-spacing: 0.5px; + --rz-text-body1-color: var(--rz-text-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: 1.5; + --rz-text-body2-font-weight: 400; + --rz-text-body2-letter-spacing: 0.25px; + --rz-text-body2-color: var(--rz-text-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 500; + --rz-text-button-letter-spacing: 1.25px; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-color); + --rz-text-button-margin-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-light); + --rz-text-selection-color: var(--rz-on-primary-light); +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius-8); + --rz-button-shadow: var(--rz-shadow-1); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-2); + --rz-button-hover-gradient: linear-gradient(rgba(55, 90, 139, 0.04), rgba(55, 90, 139, 0.04)); + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-1); + --rz-button-focus-gradient: linear-gradient(rgba(55, 90, 139, 0.04), rgba(55, 90, 139, 0.04)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: none; + --rz-button-active-shadow: var(--rz-shadow-1); + --rz-button-active-gradient: linear-gradient(rgba(55, 90, 139, 0.08), rgba(55, 90, 139, 0.08)); + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.2; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-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-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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-base-200); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-paginator-element, .rz-button-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.75rem 1.5rem; + height: auto; + line-height: 1.5rem; + min-height: 3rem; + min-width: 3rem; + letter-spacing: normal; +} +.rz-paginator-element .rz-button-box, .rz-button-lg .rz-button-box { + line-height: 1.5rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-button-lg.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator-element, .rz-button-lg.rz-button-icon-only { + padding: 0.75rem; +} +.rz-paginator-element .rzi, .rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.625rem 1.5rem; + height: auto; + line-height: 1.25rem; + min-height: 2.5rem; + min-width: 2.5rem; + letter-spacing: normal; +} +.rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only, .rz-button-md.rz-paginator-element { + padding: 0.625rem; +} +.rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1.25rem; + height: 1.25rem; + line-height: 1.25rem; + width: 1.25rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 1rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; + letter-spacing: normal; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; + letter-spacing: normal; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 1rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.25rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius)); + --rz-badge-padding: 0 0.25rem; + --rz-badge-pill-padding: 0 0.25rem; + --rz-badge-font-size: 0.6875rem; + --rz-badge-font-weight: 500; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: none; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-200); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0.125rem 0.125rem 0.125rem 0.75rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: calc(var(--rz-border-radius) * 4); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2.5rem; + --rz-input-line-height: var(--rz-body-line-height); + --rz-input-padding: 0.4375rem 0.9375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: transparent; + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: transparent; + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all); +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-100); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: none; +} + +.rz-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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-100); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-color); + --rz-footer-z: 2; +} + +.rz-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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: none; + --rz-sidebar-background-color: var(--rz-base-100); + --rz-sidebar-color: var(--rz-text-color); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1rem; + --rz-card-background-color: rgba(215, 219, 224, 0.13); + --rz-card-flat-background-color: rgba(215, 219, 224, 0.24); + --rz-card-shadow: var(--rz-shadow-1); + --rz-card-border: var(--rz-border-base-300); + --rz-card-border-radius: calc(var(--rz-border-radius) * 3); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0 0.75rem 0.75rem; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: calc(var(--rz-border-radius) * 4); + --rz-layout-body-background-color: var(--rz-white); +} + +.rz-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); +} + +:root { + --rz-accordion-item-padding: 1rem; + --rz-accordion-item-margin: 0; + --rz-accordion-item-border: var(--rz-border-base-200); + --rz-accordion-item-background-color: var(--rz-base-background-color); + --rz-accordion-item-color: var(--rz-text-secondary-color); + --rz-accordion-item-line-height: 1.5rem; + --rz-accordion-item-font-size: var(--rz-body-font-size); + --rz-accordion-item-font-weight: 500; + --rz-accordion-icon-width: var(--rz-icon-size); + --rz-accordion-icon-height: var(--rz-icon-size); + --rz-accordion-icon-font-size: var(--rz-icon-size); + --rz-accordion-icon-margin: 0 0.75rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem; + --rz-accordion-toggle-icon-order: 1; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 1rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: calc(var(--rz-border-radius) * 3); + --rz-accordion-shadow: var(--rz-shadow-1); +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_down"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_up"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 1rem; + --rz-panel-title-line-height: 1.5rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: calc(var(--rz-border-radius) * 3); + --rz-panel-shadow: var(--rz-shadow-1); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-color); + --rz-sidebar-toggle-background-color: transparent; + --rz-sidebar-toggle-hover-color: var(--rz-on-primary-light); + --rz-sidebar-toggle-hover-background-color: var(--rz-primary-light); + --rz-sidebar-toggle-hover-border-radius: 50%; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-100); + --rz-menu-border: none; + --rz-menu-border-radius: var(--rz-border-radius); + --rz-menu-item-padding: 0.5rem 1rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-text-color); + --rz-menu-item-hover-background-color: var(--rz-base-300); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-text-color); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 0.5rem; + --rz-menu-top-item-border-radius: 0; + --rz-menu-top-item-color: var(--rz-text-color); + --rz-menu-top-item-background-color: var(--rz-base-100); + --rz-menu-top-item-hover-color: var(--rz-text-color); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-text-color); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-text-color); + --rz-context-menu-padding: 0.5rem 0; + --rz-context-menu-box-shadow: var(--rz-shadow-2); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0.5rem 0; + --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-font-weight: 500; + --rz-panel-menu-color: var(--rz-text-title-color); + --rz-panel-menu-background-color: var(--rz-base-100); + --rz-panel-menu-hover-background-color: var(--rz-base-300); + --rz-panel-menu-hover-color: var(--rz-text-color); + --rz-panel-menu-item-line-height: 1.5rem; + --rz-panel-menu-item-padding: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0 0.5rem; + --rz-panel-menu-item-border: var(--rz-border-base-100); + --rz-panel-menu-item-border-radius: calc(var(--rz-border-radius) * 5.75); + --rz-panel-menu-item-active-background-color: var(--rz-secondary-lighter); + --rz-panel-menu-item-background-color: var(--rz-base-100); + --rz-panel-menu-item-active-color: var(--rz-on-secondary-lighter); + --rz-panel-menu-item-active-indicator: var(--rz-secondary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.5rem; + --rz-panel-menu-item-2nd-level-padding: 0.625rem 0.625rem 0.625rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.5rem; + --rz-panel-menu-item-2nd-level-border-radius: calc(var(--rz-border-radius) * 5.5); + --rz-panel-menu-item-2nd-level-offset: 3rem; + --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-item-2nd-level-font-weight: 400; + --rz-panel-menu-item-2nd-level-color: var(--rz-text-secondary-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-300); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-100); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-secondary-lighter); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-on-secondary-lighter); + --rz-panel-menu-item-2nd-level-active-font-weight: 500; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-300); + --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-color); + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-secondary-lighter); + --rz-panel-menu-item-3rd-level-active-color: var(--rz-on-secondary-lighter); + --rz-panel-menu-icon-width: var(--rz-icon-size); + --rz-panel-menu-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-icon-color: var(--rz-text-secondary-color); + --rz-panel-menu-icon-height: var(--rz-icon-size); + --rz-panel-menu-icon-margin: 0 1rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 1rem 0 -2.25rem; + --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-100); + --rz-profile-menu-top-item-background-color: var(--rz-base-100); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-300); + --rz-profile-menu-item-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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2.5rem; + --rz-gravatar-height: 2.5rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.25rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.125rem; + --rz-checkbox-height: 1.125rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: 2px; + --rz-checkbox-label-margin: 0 1rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary); + --rz-checkbox-checked-disabled-background-color: var(--rz-base-800); + --rz-checkbox-checked-color: var(--rz-text-contrast-color); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary); + --rz-checkbox-checked-disabled-border: var(--rz-border-base-800); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: var(--rz-base-400); + --rz-switch-checked-background-color: var(--rz-primary); + --rz-switch-box-shadow: none; + --rz-switch-circle-background-color: var(--rz-base-700); + --rz-switch-checked-circle-background-color: var(--rz-white); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 3.25rem; + min-width: 3.25rem; + height: 2rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1rem; + height: 1rem; + left: 0.5rem; + margin-top: -0.5rem; + 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: ""; + top: 50%; +} + +.rz-switch-circle.rz-disabled:before { + box-shadow: none; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + background: var(--rz-switch-checked-circle-background-color); + transform: translateX(1.25rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: 2px; + --rz-radio-label-margin: 0 1rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-300); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 0 1rem 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 1rem 0.5rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --rz-dropdown-horizontal-padding: 1rem; + --rz-dropdown-panel-padding: 0 1rem; + --rz-dropdown-items-margin: 0 -1rem; + --rz-dropdown-items-padding: 0.5rem 0; + --rz-dropdown-item-padding: 0.75rem 1rem; + --rz-dropdown-item-font-size: var(--rz-input-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-300); + --rz-dropdown-item-selected-background-color: var(--rz-secondary-lighter); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-color); + --rz-dropdown-item-selected-color: var(--rz-on-secondary-lighter); + --rz-dropdown-item-selected-hover-background-color: var(--rz-base-400); + --rz-dropdown-item-selected-hover-color: var(--rz-text-color); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.2; + --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-normal); + --rz-dropdown-filter-padding: 1rem 0 0.5rem; + --rz-dropdown-open-background-color: var(--rz-base-100); + --rz-dropdown-open-border: 2px solid var(--rz-primary); + --rz-dropdown-panel-border: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-2); + --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem; + --rz-multiselect-checkbox-margin: 0 1rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-200); + --rz-listbox-padding: 0; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 1rem 0 0; + --rz-listbox-header-padding: 0.75rem 1rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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-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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --rz-splitbutton-menu-shadow: var(--rz-shadow-2); + --rz-splitbutton-menu-min-width: 10rem; + --rz-splitbutton-background-color: var(--rz-primary); + --rz-splitbutton-border-radius: var(--rz-border-radius); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-400); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 4px; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 20px; + --rz-slider-handle-height: 20px; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: var(--rz-shadow-1); + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-primary); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: var(--rz-shadow-1), 0px 0px 0px 10px var(--rz-primary-lighter); + --rz-slider-disabled-background-color: var(--rz-base-500); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-700); + --rz-slider-disabled-range-border: none; + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-700); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-secondary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-disabled-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-base-600); + --rz-selectbar-selected-background-color: var(--rz-secondary-lighter); + --rz-selectbar-selected-color: var(--rz-on-secondary-lighter); + --rz-selectbar-selected-border: var(--rz-border-base-600); + --rz-selectbar-border-radius: calc(var(--rz-border-radius) * 7); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --rz-datepicker-trigger-icon-width: var(--rz-icon-size); + --rz-datepicker-trigger-icon-height: var(--rz-icon-size); + --rz-datepicker-line-height: 1.5rem; + --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-50); + --rz-datepicker-panel-shadow: var(--rz-shadow-2); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: transparent; + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 3.625rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 0.75rem; + --rz-datepicker-footer-line-height: 3rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: 0.75rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: 0.875rem; + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-300); + --rz-datepicker-calendar-selected-color: var(--rz-on-primary); + --rz-datepicker-calendar-selected-background-color: var(--rz-primary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-primary-dark); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-dark); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-primary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 3.5rem; + --rz-timepicker-background-color: transparent; + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-base-300); + --rz-timepicker-button-color: var(--rz-text-color); + --rz-timepicker-button-width: 0.875rem; + --rz-timepicker-button-height: 0.875rem; + --rz-timepicker-button-border-radius: 2px; + --rz-timepicker-button-padding: 0.5rem 1rem !important; + --rz-timepicker-gap: 0.5rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: var(--rz-border-base-300); +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-numeric-button-width: 1rem; + --rz-numeric-button-height: 1rem; + --rz-numeric-button-offset: 2px; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-100); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: calc(var(--rz-border-radius) * 5); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-200); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-200); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-200); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-200); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-200); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-300); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-300); + --rz-grid-cell-padding: 0.625rem 1rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: 0.875rem; + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-hover-background-color: var(--rz-base-200); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-selected-background-color: var(--rz-secondary-lighter); + --rz-grid-selected-color: var(--rz-on-secondary-lighter); + --rz-grid-stripe-background-color: var(--rz-base-50); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-400); + --rz-grid-header-background-color: var(--rz-base-background-color); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1.5rem; + --rz-grid-header-font-weight: 500; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.75rem 0; + --rz-grid-header-title-padding: 0 0 0 1rem; + --rz-grid-header-sorted-background-color: var(--rz-base-200); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-100); + --rz-grid-filter-background-color: var(--rz-base-50); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: none; + --rz-grid-filter-font-size: 0.875rem; + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --rz-grid-filter-icon-font-size: 0.875rem; + --rz-grid-filter-color: var(--rz-text-tertiary-color); + --rz-grid-filter-focus-color: var(--rz-secondary); + --rz-grid-filter-gap: 1rem; + --rz-grid-filter-buttons-padding: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-50); + --rz-grid-clear-filter-button-background-color: var(--rz-base-50); + --rz-grid-clear-filter-button-color: var(--rz-text-color); + --rz-grid-clear-filter-button-shadow: none; + --rz-grid-apply-filter-button-background-color: var(--rz-base-50); + --rz-grid-apply-filter-button-color: var(--rz-primary); + --rz-grid-apply-filter-button-shadow: none; + --rz-grid-header-filter-icon-margin: 0 1rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1.25rem; + --rz-grid-border: var(--rz-border-base-300); + --rz-grid-border-radius: calc(var(--rz-border-radius) * 3); + --rz-grid-sort-icon-width: 1.25rem; + --rz-grid-sort-icon-height: 1.25rem; + --rz-grid-sort-icon-color: var(--rz-text-tertiary-color); + --rz-grid-shadow: none; + --rz-grid-background-color: var(--rz-white); + --rz-grid-column-resizer-width: 0.25rem; + --rz-grid-column-resizer-helper-width: 0.125rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-100); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-300); + --rz-grid-frozen-cell-background-color: var(--rz-base-100); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 1rem; + --rz-grid-group-header-item-background-color: var(--rz-base-200); + --rz-grid-group-header-item-padding: 0.25rem 0.5rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: var(--rz-border-base-200); + --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius)); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-disabled-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-4); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 1rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: 2rem; + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-100); + --rz-paginator-numeric-button-hover-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-secondary-lighter); + --rz-paginator-numeric-button-selected-color: var(--rz-on-secondary-lighter); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-min-width: 3rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-100); + --rz-paginator-back-button-hover-color: var(--rz-text-title-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-100); + --rz-paginator-next-button-hover-color: var(--rz-text-title-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: 0.875rem; + --rz-paginator-summary-color: var(--rz-text-tertiary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-2); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-100); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.25rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-secondary-lighter); + --rz-tree-node-selected-color: var(--rz-on-secondary-lighter); + --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) * 5); + --rz-tree-node-margin: 0; + --rz-tree-node-hover-background-color: var(--rz-base-400); + --rz-tree-node-hover-color: var(--rz-text-color); + --rz-tree-node-toggle-width: 2rem; + --rz-tree-node-toggle-color: var(--rz-text-tertiary-color); + --rz-tree-node-toggle-hover-color: var(--rz-text-color); + --rz-tree-transition: var(--rz-transition-all); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "chevron_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "expand_more"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-1); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: none; + --rz-datalist-border-radius: calc(var(--rz-border-radius) * 3); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: none; + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: rgba(116, 120, 126, 0.08); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-base-300); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-200); + --rz-scheduler-border-radius: calc(var(--rz-border-radius) * 3); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-background-color); + --rz-scheduler-toolbar-title-font-size: 1.5rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color); + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: 2rem; + --rz-scheduler-next-button-border-radius: 2rem; + --rz-scheduler-today-button-margin-left: 1rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.875rem; + --rz-scheduler-today-button-text-transform: capitalize; + --rz-scheduler-view-button-border: var(--rz-border-base-600); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-on-secondary-lighter); + --rz-scheduler-view-selected-background-color: var(--rz-secondary-lighter); + --rz-scheduler-view-selected-border-color: var(--rz-base-600); + --rz-scheduler-header-background-color: var(--rz-base-background-color); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: normal; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-base-300); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-primary); + --rz-scheduler-event-background-color: var(--rz-primary); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 1px; + --rz-scheduler-event-content-padding: 0.125rem 0.5rem; + --rz-scheduler-event-list-button-color: var(--rz-secondary); + --rz-scheduler-event-list-button-font-size: 0.75rem; + --rz-scheduler-slot-title-font-size: 0.875rem; + --rz-scheduler-slot-title-font-size-small: 0.6rem; + --rz-scheduler-slot-title-padding: 0 0.25rem; + --rz-scheduler-day-number-padding: 0 0.5rem; + --rz-scheduler-weekend-color: var(--rz-text-tertiary-color); + --rz-scheduler-weekend-background-color: var(--rz-base-600); + --rz-scheduler-other-month-background-color: var(--rz-base-500); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 0.25rem; + --rz-scheduler-year-slot-title-width: fit-content; + --rz-scheduler-year-slot-title-border-radius: 50%; + --rz-scheduler-planner-slot-width: 3rem; + --rz-scheduler-planner-slot-height: 4.5rem; +} + +.rz-scheduler { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 0.875rem; + --rz-tabs-tab-line-height: 1.5rem; + --rz-tabs-tab-font-weight: 500; + --rz-tabs-tab-text-transform: none; + --rz-tabs-tab-letter-spacing: 0.1px; + --rz-tabs-tab-padding: 0.75rem 1rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-primary); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: transparent; + --rz-tabs-tab-hover-color: var(--rz-primary); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-base-800); + --rz-tooltip-color: var(--rz-text-contrast-color); + --rz-tooltip-shadow: none; + --rz-tooltip-padding: 0.25rem 0.5rem; + --rz-tooltip-border-radius: var(--rz-border-radius); + --rz-tooltip-font-size: 0.75rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-200); + --rz-dialog-shadow: var(--rz-shadow-0); + --rz-dialog-title-background-color: var(--rz-base-200); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.5rem 1.5rem 0 1.5rem; + --rz-dialog-title-font-size: 1.5rem; + --rz-dialog-title-line-height: 2rem; + --rz-dialog-title-font-weight: 400; + --rz-dialog-title-letter-spacing: normal; + --rz-dialog-title-color: var(--rz-text-title-color); + --rz-dialog-close-font-size: var(--rz-icon-size); + --rz-dialog-close-color: var(--rz-text-color); + --rz-dialog-close-hover-color: var(--rz-text-title-color); + --rz-dialog-close-vertical-align: middle; + --rz-dialog-content-padding: 1.5rem; + --rz-dialog-mask-background-color: var(--rz-base-800); + --rz-dialog-border-radius: calc(var(--rz-border-radius) * 7); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 0; + --rz-notification-container-background-color: transparent; + --rz-notification-shadow: var(--rz-shadow-2); + --rz-notification-border-radius: calc(var(--rz-border-radius) * 3); + --rz-notification-success-color: var(--rz-on-success); + --rz-notification-success-background-color: var(--rz-success); + --rz-notification-success-icon-color: var(--rz-on-success); + --rz-notification-warning-color: var(--rz-on-warning); + --rz-notification-warning-background-color: var(--rz-warning); + --rz-notification-warning-icon-color: var(--rz-on-warning); + --rz-notification-error-color: var(--rz-on-danger); + --rz-notification-error-background-color: var(--rz-danger); + --rz-notification-error-icon-color: var(--rz-on-danger); + --rz-notification-info-color: var(--rz-on-info); + --rz-notification-info-background-color: var(--rz-info); + --rz-notification-info-icon-color: var(--rz-on-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(179, 38, 30, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(0, 0, 0, 0.12); + --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius)); + --rz-scrollbar-size: 16px; +} + +.rz-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); +} + +:root { + --rz-login-register-background-color: rgba(0, 0, 0, 0.04); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: transparent; + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-400); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.25rem; + --rz-progressbar-border-radius: 0; + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 0; + --rz-progressbar-circular-value-stroke-width: 3px; + --rz-progressbar-circular-value-endpoint: square; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-500); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-base-300); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary-lighter); + --rz-editor-button-selected-color: var(--rz-on-secondary-lighter); + --rz-editor-separator-background-color: var(--rz-base-200); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --rz-colorpicker-panel-border: none; + --rz-colorpicker-panel-background-color: var(--rz-base-100); + --rz-colorpicker-panel-shadow: var(--rz-shadow-2); + --rz-colorpicker-panel-padding: 0.5rem; + --rz-colorpicker-panel-max-width: 20rem; + --rz-colorpicker-saturation-height: 200px; + --rz-colorpicker-value-border-radius: 1rem; + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: 1rem; + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-text-contrast-color); + --rz-splitter-bar-background-color: var(--rz-base-200); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 1rem; + --rz-alert-gap: 1rem; + --rz-alert-color: var(--rz-text-color); + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-box-shadow: var(--rz-shadow-1); + --rz-alert-border-radius: calc(var(--rz-border-radius) * 3); + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-title-color: var(--rz-text-h6-color); + --rz-alert-icon-color: var(--rz-alert-color); + --rz-alert-icon-margin: 0.125rem 0; + --rz-alert-icon-size: var(--rz-icon-size); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.5rem 0 0; + --rz-form-field-start-end-padding: 0 0.75rem; + --rz-form-field-filled-height: 3.375rem; + --rz-form-field-filled-padding: 1.4375rem 0.9375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-form-field-filled-background-color: var(--rz-base-200); + --rz-form-field-filled-hover-background-color: var(--rz-base-300); + --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-200); + --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-300); + --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-200); + --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + --rz-form-field-filled-label-floating-top: 0.5rem; + --rz-form-field-filled-hover-shadow: none; + --rz-form-field-filled-focus-shadow: none; + --rz-form-field-filled-underline-display: block; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0 0.25rem; + --rz-form-field-text-label-padding: 0; + --rz-form-field-label-left: 0.6875rem; + --rz-form-field-label-textarea-top: 0.5rem; + --rz-form-field-label-floating-top: -0.5625rem; + --rz-form-field-label-floating-background-color: var(--rz-base-50); + --rz-form-field-helper-padding: 0 1rem; +} + +.rz-form-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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-500); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-500); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material3-dark-base.css b/_content/Radzen.Blazor/css/material3-dark-base.css new file mode 100755 index 0000000..b73695e --- /dev/null +++ b/_content/Radzen.Blazor/css/material3-dark-base.css @@ -0,0 +1,20483 @@ +@charset "UTF-8"; +/*! +The contents of this file are copyrighted and cannot be used outside of blazor.radzen.com +To use it in your application you need an active Radzen/Radzen Blazor Studio Professional or Enterprise subscription - https://www.radzen.com/princing +Any questions concerning the use or status of this file should be directed to info@radzen.com +*/ +.rz-button { + position: relative; + overflow: hidden; +} +.rz-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-header { + padding: 0.5rem; +} +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-text-color); +} + +.sidebar-toggle { + position: relative; + overflow: hidden; +} +.sidebar-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.sidebar-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-navigation-item-link, +.rz-menu-toggle { + position: relative; + overflow: hidden; +} +.rz-navigation-item-link:not(.rz-state-disabled):before, +.rz-menu-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-navigation-item-link:not(.rz-state-disabled):active:before, +.rz-menu-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.panel-menu .navigation-item-wrapper-active:before { + display: none; +} + +.rz-panel-menu .rz-navigation-item-link { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, var(--rz-base-300) 1%) center/15000%; +} +.rz-panel-menu .rz-navigation-item-link:active { + background-color: var(--rz-base-300); + transition: background 0s; + background-size: 100%; +} +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-chkbox-box .rzi { + font-weight: bold; +} +.rz-chkbox-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-chkbox-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-chkbox-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-chkbox-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-switch .rz-switch-circle { + box-shadow: inset 0 0 0 2px var(--rz-base-200); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + box-shadow: none; +} + +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { + transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition); + box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.04); +} +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):active:not(.rz-disabled):before { + width: 1.5rem; + height: 1.5rem; + left: 0.25rem; + margin-top: -0.75rem; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + width: 1.5rem; + height: 1.5rem; + left: 0.25rem; + margin-top: -0.75rem; +} +.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { + box-shadow: 0 0 0 10px var(--rz-primary-lighter); +} + +.rz-radiobutton-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-radiobutton-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} +.rz-slider .rz-slider-handle:before { + display: none; +} +.rz-slider.rz-state-disabled .rz-slider-handle { + box-shadow: none; +} + +.rz-selectbutton .rz-button { + box-shadow: none; +} +.rz-selectbutton .rz-button:hover { + box-shadow: none !important; + background: var(--rz-base-200); +} + +.rz-datepicker-inline:not(.ng-trigger) table { + width: 100%; +} + +.rz-datepicker.rz-popup { + width: 340px !important; +} +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-title .rz-dropdown { + min-width: 100px !important; + margin-top: 0.75rem !important; +} +.rz-datepicker-title .rz-dropdown:first-child { + min-width: 140px !important; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-timepicker { + flex-wrap: wrap; +} +.rz-timepicker .rz-spinner { + flex: 1; +} +.rz-timepicker > .rz-button { + flex-basis: 100%; +} + +.rz-calendar .rz-inputtext { + padding-right: 2.5rem !important; +} + +.rz-datepicker-trigger { + border-radius: 0 !important; + background-color: transparent !important; + background-image: none !important; + box-shadow: none !important; +} + +.rz-spinner .rz-spinner-button { + box-shadow: none; +} +.rz-spinner .rz-spinner-button:hover { + box-shadow: none !important; +} + +.rz-fileupload-choose.rz-button { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.12) 1%) center/15000%; +} +.rz-fileupload-choose.rz-button:active { + background-color: rgba(0, 0, 0, 0.12); + transition: background 0s; + background-size: 100%; +} +.rz-fileupload-choose.rz-button input { + z-index: 1; +} + +.rz-datatable .rz-col-icon { + border-right: var(--rz-border-base-500); +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-500); + --rz-grid-header-cell-border: var(--rz-border-base-500); +} + +.rz-paginator-pages { + max-height: 3rem; +} + +.rz-paginator-element { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:hover { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-tree-toggler { + position: relative; +} + +.rz-tree-toggler.rzi-caret-right:before { + margin-left: 0 !important; +} +.rz-tree-toggler.rzi-caret-down:before { + margin-left: 0 !important; +} +.rz-tree-toggler:after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition); +} +.rz-tree-toggler:active:after { + left: 0; + top: -0.25rem; + width: 2rem; + height: 2rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} + +.rz-scheduler-nav .rz-button { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-scheduler-nav .rz-button:hover { + box-shadow: var(--rz-shadow-0) !important; + background: var(--rz-base-500); +} +.rz-scheduler-nav .rz-button:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-view-header { + border-top: none !important; +} +.rz-year-view .rz-view-header { + border-bottom: none !important; +} + +.rz-tabview-nav > li > a { + position: relative; + overflow: hidden; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { + border-top-width: 0; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li { + border-top-width: 0; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { + border-bottom-width: 0; +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { + border-left-width: 0; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav li { + border-left-width: 0; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { + border-right-width: 0; +} +.rz-tabview.rz-tabview-top > .rz-tabview-panels { + border-top: var(--rz-border-base-500); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-panels { + border-bottom: var(--rz-border-base-500); +} +.rz-tabview.rz-tabview-left > .rz-tabview-panels { + border-left: var(--rz-border-base-500); +} +.rz-tabview.rz-tabview-right > .rz-tabview-panels { + border-right: var(--rz-border-base-500); +} + +.rz-tabview-nav { + z-index: 0; +} +.rz-tabview-nav li { + position: relative; +} +.rz-tabview-nav li:after { + z-index: -1; + content: ""; + position: absolute; + bottom: 0; + left: 1rem; + right: 1rem; + height: 0.1875rem; + border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + background-color: transparent; +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after { + background-color: var(--rz-primary); +} +.rz-tabview-nav li.rz-tabview-selected:after { + background-color: var(--rz-primary); +} +.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected { + margin-bottom: 0; +} +.rz-tabview-bottom > .rz-tabview-nav li:after { + top: 0; + border-radius: 0 0 var(--rz-border-radius) var(--rz-border-radius); +} +.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected { + margin-top: 0; + padding-top: 0; +} +.rz-tabview-left > .rz-tabview-nav li:after { + left: auto; + right: 0; + top: 1rem; + bottom: 1rem; + width: 0.1875rem; + height: auto; + border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); +} +.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected { + margin-right: 0; +} +.rz-tabview-right > .rz-tabview-nav li:after { + left: 0; + right: auto; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; + border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected { + margin-left: 0; + padding-left: 0; +} + +.rz-login .rz-textbox.invalid { + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +.rz-html-editor-toolbar { + font-size: 0.825rem; +} +.rz-html-editor-toolbar .rz-html-editor-button { + position: relative; + overflow: hidden; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +@media (max-width: 768px) { + .rz-layout .rz-body { + margin: 0; + border-radius: 0; + } +} +.rz-search-input { + border: var(--rz-border-base-600) !important; + border-radius: calc(var(--rz-border-radius) * 5) !important; + background-color: var(--rz-base-600) !important; +} +div:has(.rz-search-input) { + padding-top: 0.125rem !important; +} +.rz-search-input:hover { + border: var(--rz-border-base-500) !important; + background-color: var(--rz-base-500) !important; +} +.rz-search-input:hover:focus, .rz-search-input:focus { + border: var(--rz-border-base-500) !important; + background-color: var(--rz-base-500) !important; + box-shadow: var(--rz-shadow-1) !important; +} + +.rz-card.rz-material-3-demo-card { + box-shadow: none; + border: var(--rz-border-base-500); +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 300; + src: local(""), url("../fonts/roboto-v30-latin-300.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local(""), url("../fonts/roboto-v30-latin-regular.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local(""), url("../fonts/roboto-v30-latin-500.woff") format("woff"); +} +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local(""), url("../fonts/roboto-v30-latin-700.woff") format("woff"); +} +:root { + --rz-white: #ffffff; + --rz-black: #000000; + --rz-base-50: #e0e0e9; + --rz-base-100: #c4c9d0; + --rz-base-200: #8f9399; + --rz-base-300: #45494f; + --rz-base-400: #383b3e; + --rz-base-500: #34373b; + --rz-base-600: #292c30; + --rz-base-700: #1f2226; + --rz-base-800: #1b1d20; + --rz-base-900: #121518; + --rz-primary: #94c1ff; + --rz-primary-light: #bcd7ff; + --rz-primary-lighter: rgba(148, 193, 255, 0.24); + --rz-primary-dark: #37598b; + --rz-primary-darker: #001f5d; + --rz-secondary: #c2cbdc; + --rz-secondary-light: #c2cbdc; + --rz-secondary-lighter: rgba(144, 181, 255, 0.28); + --rz-secondary-dark: #444b58; + --rz-secondary-darker: #191f2b; + --rz-info: #085786; + --rz-info-light: #aadaff; + --rz-info-lighter: rgba(170, 218, 255, 0.24); + --rz-info-dark: #086791; + --rz-info-darker: #002d41; + --rz-success: #386A20; + --rz-success-light: #c0ffaa; + --rz-success-lighter: rgba(192, 255, 170, 0.24); + --rz-success-dark: #3e9108; + --rz-success-darker: #194100; + --rz-warning: #e8e971; + --rz-warning-light: #f9ffaa; + --rz-warning-lighter: rgba(249, 255, 170, 0.24); + --rz-warning-dark: #918908; + --rz-warning-darker: #413d00; + --rz-danger: #b3261e; + --rz-danger-light: #ffb4aa; + --rz-danger-lighter: rgba(255, 180, 170, 0.24); + --rz-danger-dark: #91080a; + --rz-danger-darker: #410001; + --rz-on-primary: #001f5d; + --rz-on-primary-light: #001f5d; + --rz-on-primary-lighter: #bcd7ff; + --rz-on-primary-dark: #bcd7ff; + --rz-on-primary-darker: #bcd7ff; + --rz-on-secondary: #191f2b; + --rz-on-secondary-light: #191f2b; + --rz-on-secondary-lighter: #c2cbdc; + --rz-on-secondary-dark: #c2cbdc; + --rz-on-secondary-darker: #c2cbdc; + --rz-on-info: #ffffff; + --rz-on-info-light: #002d41; + --rz-on-info-lighter: #aadaff; + --rz-on-info-dark: #aadaff; + --rz-on-info-darker: #aadaff; + --rz-on-success: #ffffff; + --rz-on-success-light: #194100; + --rz-on-success-lighter: #c0ffaa; + --rz-on-success-dark: #c0ffaa; + --rz-on-success-darker: #c0ffaa; + --rz-on-warning: #121518; + --rz-on-warning-light: #413d00; + --rz-on-warning-lighter: #f9ffaa; + --rz-on-warning-dark: #f9ffaa; + --rz-on-warning-darker: #f9ffaa; + --rz-on-danger: #ffffff; + --rz-on-danger-light: #410001; + --rz-on-danger-lighter: #ffb4aa; + --rz-on-danger-dark: #ffb4aa; + --rz-on-danger-darker: #ffb4aa; + --rz-series-1: #3d71b8; + --rz-series-2: #663db8; + --rz-series-3: #b83dae; + --rz-series-4: #b83d52; + --rz-series-5: #b8843d; + --rz-series-6: #8fb83d; + --rz-series-7: #3db847; + --rz-series-8: #3db8a3; + --rz-series-9: #478ceb; + --rz-series-10: #7d47eb; + --rz-series-11: #eb47de; + --rz-series-12: #eb4763; + --rz-series-13: #eba647; + --rz-series-14: #b5eb47; + --rz-series-15: #47eb54; + --rz-series-16: #47ebcf; + --rz-series-17: #a3c6f5; + --rz-series-18: #bea3f5; + --rz-series-19: #f5a3ee; + --rz-series-20: #f5a3b1; + --rz-series-21: #f5d2a3; + --rz-series-22: #daf5a3; + --rz-series-23: #a3f5aa; + --rz-series-24: #a3f5e7; +} + +:root { + --rz-border-width: 1px; + --rz-root-font-size: 16px; + --rz-body-font-size: 1rem; + --rz-body-line-height: 1.5; + --rz-body-background-color: var(--rz-base-700); + --rz-text-font-family: Roboto, sans-serif; + --rz-icon-size: 1.5rem; + --rz-icon-font-family: Material Icons; +} + +:root { + --rz-text-title-color: var(--rz-base-50); + --rz-text-color: var(--rz-base-50); + --rz-text-secondary-color: var(--rz-base-100); + --rz-text-tertiary-color: var(--rz-base-200); + --rz-text-disabled-color: var(--rz-base-300); + --rz-text-contrast-color: var(--rz-white); +} + +.rz-text-title-color { + color: var(--rz-base-50) !important; +} + +.rz-text-color { + color: var(--rz-base-50) !important; +} + +.rz-text-secondary-color { + color: var(--rz-base-100) !important; +} + +.rz-text-tertiary-color { + color: var(--rz-base-200) !important; +} + +.rz-text-disabled-color { + color: var(--rz-base-300) !important; +} + +.rz-text-contrast-color { + color: var(--rz-white) !important; +} + +:root { + --rz-link-color: var(--rz-primary); + --rz-link-text-decoration: none; + --rz-link-hover-color: var(--rz-primary-light); + --rz-link-hover-text-decoration: underline; +} + +:root { + --rz-base-background-color: var(--rz-base-800); +} + +:root { + --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-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-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-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); +} + +:root { + --rz-border-normal: var(--rz-border-width) solid var(--rz-base-200); + --rz-border-hover: var(--rz-border-width) solid var(--rz-base-100); + --rz-border-focus: var(--rz-border-width) solid var(--rz-primary); + --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-600); +} + +:root { + --rz-border-radius: 4px; + --rz-border-radius-0: 0; + --rz-border-radius-1: 0.25rem; + --rz-border-radius-2: 0.5rem; + --rz-border-radius-3: 0.75rem; + --rz-border-radius-4: 1rem; + --rz-border-radius-5: 1.25rem; + --rz-border-radius-6: 1.5rem; + --rz-border-radius-7: 1.75rem; + --rz-border-radius-8: 2rem; + --rz-border-radius-9: 2.25rem; + --rz-border-radius-10: 2.5rem; +} + +.rz-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: none !default; +$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default; +$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default; +$rz-shadow-3: none !default; +$rz-shadow-4: none !default; +$rz-shadow-5: none !default; +$rz-shadow-6: none !default; +$rz-shadow-7: none !default; +$rz-shadow-8: none !default; +$rz-shadow-9: none !default; +$rz-shadow-10: none !default; */ +:root { + --rz-shadow-0: none; + --rz-shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15); + --rz-shadow-2: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15); + --rz-shadow-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3); + --rz-shadow-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3); + --rz-shadow-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3); + --rz-shadow-6: 0px 12px 16px 6px rgba(0, 0, 0, 0.15), 0px 4px 6px rgba(0, 0, 0, 0.3); + --rz-shadow-7: 0px 16px 20px 6px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.3); + --rz-shadow-8: 0px 20px 24px 6px rgba(0, 0, 0, 0.15), 0px 6px 8px rgba(0, 0, 0, 0.3); + --rz-shadow-9: 0px 24px 28px 6px rgba(0, 0, 0, 0.15), 0px 8px 8px rgba(0, 0, 0, 0.3); + --rz-shadow-10: 0px 28px 32px 6px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.3); +} + +.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; +} + +:root { + --rz-transition: 0.1s linear; + --rz-transition-all: all 0.1s linear; +} + +.rz-display-none { + display: none !important; +} + +.rz-display-block { + display: block !important; +} + +.rz-display-inline { + display: inline !important; +} + +.rz-display-inline-block { + display: inline-block !important; +} + +.rz-display-flex { + display: flex !important; +} + +.rz-display-inline-flex { + display: inline-flex !important; +} + +.rz-display-grid { + display: grid !important; +} + +.rz-display-inline-grid { + display: inline-grid !important; +} + +@media (min-width: 576px) { + .rz-display-xs-none { + display: none !important; + } + .rz-display-xs-block { + display: block !important; + } + .rz-display-xs-inline { + display: inline !important; + } + .rz-display-xs-inline-block { + display: inline-block !important; + } + .rz-display-xs-flex { + display: flex !important; + } + .rz-display-xs-inline-flex { + display: inline-flex !important; + } + .rz-display-xs-grid { + display: grid !important; + } + .rz-display-xs-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 768px) { + .rz-display-sm-none { + display: none !important; + } + .rz-display-sm-block { + display: block !important; + } + .rz-display-sm-inline { + display: inline !important; + } + .rz-display-sm-inline-block { + display: inline-block !important; + } + .rz-display-sm-flex { + display: flex !important; + } + .rz-display-sm-inline-flex { + display: inline-flex !important; + } + .rz-display-sm-grid { + display: grid !important; + } + .rz-display-sm-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1024px) { + .rz-display-md-none { + display: none !important; + } + .rz-display-md-block { + display: block !important; + } + .rz-display-md-inline { + display: inline !important; + } + .rz-display-md-inline-block { + display: inline-block !important; + } + .rz-display-md-flex { + display: flex !important; + } + .rz-display-md-inline-flex { + display: inline-flex !important; + } + .rz-display-md-grid { + display: grid !important; + } + .rz-display-md-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1280px) { + .rz-display-lg-none { + display: none !important; + } + .rz-display-lg-block { + display: block !important; + } + .rz-display-lg-inline { + display: inline !important; + } + .rz-display-lg-inline-block { + display: inline-block !important; + } + .rz-display-lg-flex { + display: flex !important; + } + .rz-display-lg-inline-flex { + display: inline-flex !important; + } + .rz-display-lg-grid { + display: grid !important; + } + .rz-display-lg-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 1920px) { + .rz-display-xl-none { + display: none !important; + } + .rz-display-xl-block { + display: block !important; + } + .rz-display-xl-inline { + display: inline !important; + } + .rz-display-xl-inline-block { + display: inline-block !important; + } + .rz-display-xl-flex { + display: flex !important; + } + .rz-display-xl-inline-flex { + display: inline-flex !important; + } + .rz-display-xl-grid { + display: grid !important; + } + .rz-display-xl-inline-grid { + display: inline-grid !important; + } +} +@media (min-width: 2560px) { + .rz-display-xx-none { + display: none !important; + } + .rz-display-xx-block { + display: block !important; + } + .rz-display-xx-inline { + display: inline !important; + } + .rz-display-xx-inline-block { + display: inline-block !important; + } + .rz-display-xx-flex { + display: flex !important; + } + .rz-display-xx-inline-flex { + display: inline-flex !important; + } + .rz-display-xx-grid { + display: grid !important; + } + .rz-display-xx-inline-grid { + display: inline-grid !important; + } +} +.rz-justify-content-normal { + justify-content: normal !important; +} + +.rz-justify-content-stretch { + justify-content: stretch !important; +} + +.rz-justify-content-center { + justify-content: center !important; +} + +.rz-justify-content-start { + justify-content: start !important; +} + +.rz-justify-content-end { + justify-content: end !important; +} + +.rz-justify-content-flex-start { + justify-content: flex-start !important; +} + +.rz-justify-content-flex-end { + justify-content: flex-end !important; +} + +.rz-justify-content-left { + justify-content: left !important; +} + +.rz-justify-content-right { + justify-content: right !important; +} + +.rz-justify-content-space-between { + justify-content: space-between !important; +} + +.rz-justify-content-space-around { + justify-content: space-around !important; +} + +.rz-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.rz-align-items-normal { + align-items: normal !important; +} + +.rz-align-items-stretch { + align-items: stretch !important; +} + +.rz-align-items-center { + align-items: center !important; +} + +.rz-align-items-start { + align-items: start !important; +} + +.rz-align-items-end { + align-items: end !important; +} + +.rz-align-items-flex-start { + align-items: flex-start !important; +} + +.rz-align-items-flex-end { + align-items: flex-end !important; +} + +.rz-color-white { + color: var(--rz-white) !important; +} + +.rz-color-black { + color: var(--rz-black) !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-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-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-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-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-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-color-white { + border-color: var(--rz-white) !important; +} + +.rz-border-color-black { + border-color: var(--rz-black) !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-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-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-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-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-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-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-ripple { + position: relative; + overflow: hidden; +} +.rz-ripple:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-ripple:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ms-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-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-ps-xx-12 { + padding-inline-end: 3rem !important; + } + .rz-m-xx-auto { + margin: auto !important; + } + .rz-my-xx-auto, + .rz-mt-xx-auto { + margin-top: auto !important; + } + .rz-mx-xx-auto, + .rz-mr-xx-auto { + margin-right: auto !important; + } + .rz-my-xx-auto, + .rz-mb-xx-auto { + margin-bottom: auto !important; + } + .rz-mx-xx-auto, + .rz-ml-xx-auto { + margin-left: auto !important; + } + .rz-ms-xx-auto { + margin-inline-start: auto !important; + } + .rz-me-xx-auto { + margin-inline-end: auto !important; + } +} +h1.rz-heading { + font-size: 2rem; + line-height: 1.1875em; + font-weight: 700; + letter-spacing: -0.04em; + color: var(--rz-text-title-color); + margin-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +:root { + --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); + --rz-text-display-h1-line-height: normal; + --rz-text-display-h1-font-weight: 100; + --rz-text-display-h1-letter-spacing: -1.5px; + --rz-text-display-h1-color: var(--rz-text-title-color); + --rz-text-display-h1-margin-bottom: 1rem; + --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); + --rz-text-display-h2-line-height: normal; + --rz-text-display-h2-font-weight: 100; + --rz-text-display-h2-letter-spacing: -0.5px; + --rz-text-display-h2-color: var(--rz-text-title-color); + --rz-text-display-h2-margin-bottom: 1rem; + --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); + --rz-text-display-h3-line-height: normal; + --rz-text-display-h3-font-weight: 400; + --rz-text-display-h3-letter-spacing: 0; + --rz-text-display-h3-color: var(--rz-text-title-color); + --rz-text-display-h3-margin-bottom: 0.75rem; + --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-display-h4-line-height: normal; + --rz-text-display-h4-font-weight: 400; + --rz-text-display-h4-letter-spacing: 0.25px; + --rz-text-display-h4-color: var(--rz-text-title-color); + --rz-text-display-h4-margin-bottom: 0.5rem; + --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-display-h5-line-height: normal; + --rz-text-display-h5-font-weight: 400; + --rz-text-display-h5-letter-spacing: 0; + --rz-text-display-h5-color: var(--rz-text-title-color); + --rz-text-display-h5-margin-bottom: 0.5rem; + --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-display-h6-line-height: normal; + --rz-text-display-h6-font-weight: 500; + --rz-text-display-h6-letter-spacing: 0.15px; + --rz-text-display-h6-color: var(--rz-text-title-color); + --rz-text-display-h6-margin-bottom: 0.5rem; + --rz-text-h1-font-size: clamp(3rem, 4.167vw, 3.5625rem); + --rz-text-h1-line-height: normal; + --rz-text-h1-font-weight: 400; + --rz-text-h1-letter-spacing: -0.5px; + --rz-text-h1-color: var(--rz-text-title-color); + --rz-text-h1-margin-bottom: 1rem; + --rz-text-h2-font-size: clamp(2.25rem, 3.333vw, 2.8125rem); + --rz-text-h2-line-height: normal; + --rz-text-h2-font-weight: 400; + --rz-text-h2-letter-spacing: 0; + --rz-text-h2-color: var(--rz-text-title-color); + --rz-text-h2-margin-bottom: 1rem; + --rz-text-h3-font-size: clamp(1.75rem, 2.361vw, 2.125rem); + --rz-text-h3-line-height: normal; + --rz-text-h3-font-weight: 400; + --rz-text-h3-letter-spacing: 0; + --rz-text-h3-color: var(--rz-text-title-color); + --rz-text-h3-margin-bottom: 0.75rem; + --rz-text-h4-font-size: clamp(1.25rem, 1.667vw, 1.5rem); + --rz-text-h4-line-height: normal; + --rz-text-h4-font-weight: 400; + --rz-text-h4-letter-spacing: 0.15px; + --rz-text-h4-color: var(--rz-text-title-color); + --rz-text-h4-margin-bottom: 0.5rem; + --rz-text-h5-font-size: clamp(1rem, 1.389vw, 1.25rem); + --rz-text-h5-line-height: normal; + --rz-text-h5-font-weight: 500; + --rz-text-h5-letter-spacing: 0.15px; + --rz-text-h5-color: var(--rz-text-title-color); + --rz-text-h5-margin-bottom: 0.5rem; + --rz-text-h6-font-size: clamp(0.875rem, 1.389vw, 1rem); + --rz-text-h6-line-height: normal; + --rz-text-h6-font-weight: 500; + --rz-text-h6-letter-spacing: 0.1px; + --rz-text-h6-color: var(--rz-text-title-color); + --rz-text-h6-margin-bottom: 0.5rem; + --rz-text-subtitle1-font-size: 1rem; + --rz-text-subtitle1-line-height: 1.5; + --rz-text-subtitle1-font-weight: 400; + --rz-text-subtitle1-letter-spacing: 0.15px; + --rz-text-subtitle1-color: var(--rz-text-title-color); + --rz-text-subtitle1-margin-bottom: 0.5rem; + --rz-text-subtitle2-font-size: 0.875rem; + --rz-text-subtitle2-line-height: 1.5; + --rz-text-subtitle2-font-weight: 500; + --rz-text-subtitle2-letter-spacing: 0.1px; + --rz-text-subtitle2-color: var(--rz-text-title-color); + --rz-text-subtitle2-margin-bottom: 0.5rem; + --rz-text-body1-font-size: 1rem; + --rz-text-body1-line-height: 1.5; + --rz-text-body1-font-weight: 400; + --rz-text-body1-letter-spacing: 0.5px; + --rz-text-body1-color: var(--rz-text-color); + --rz-text-body1-margin-bottom: 0.5rem; + --rz-text-body2-font-size: 0.875rem; + --rz-text-body2-line-height: 1.5; + --rz-text-body2-font-weight: 400; + --rz-text-body2-letter-spacing: 0.25px; + --rz-text-body2-color: var(--rz-text-color); + --rz-text-body2-margin-bottom: 0.5rem; + --rz-text-button-font-size: 0.875rem; + --rz-text-button-line-height: normal; + --rz-text-button-font-weight: 500; + --rz-text-button-letter-spacing: 1.25px; + --rz-text-button-text-transform: uppercase; + --rz-text-button-color: var(--rz-text-color); + --rz-text-button-margin-bottom: 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-bottom: 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-bottom: 0.5rem; +} + +.rz-text-display-h1 { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-display-h1-font-size); + line-height: var(--rz-text-display-h1-line-height); + font-weight: var(--rz-text-display-h1-font-weight); + letter-spacing: var(--rz-text-display-h1-letter-spacing); + color: var(--rz-text-display-h1-color); + margin-bottom: var(--rz-text-display-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-display-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-h1-margin-bottom); +} + +.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-bottom: var(--rz-text-h2-margin-bottom); +} + +.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-bottom: var(--rz-text-h3-margin-bottom); +} + +.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-bottom: var(--rz-text-h4-margin-bottom); +} + +.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-bottom: var(--rz-text-h5-margin-bottom); +} + +.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-bottom: var(--rz-text-h6-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle1-margin-bottom); +} + +.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-bottom: var(--rz-text-subtitle2-margin-bottom); +} + +.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-bottom: var(--rz-text-body1-margin-bottom); +} + +.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-bottom: var(--rz-text-body2-margin-bottom); +} + +.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); + text-transform: var(--rz-text-button-text-transform); + color: var(--rz-text-button-color); + margin-bottom: var(--rz-text-button-margin-bottom); +} + +.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-bottom: var(--rz-text-caption-margin-bottom); +} + +.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-bottom: var(--rz-text-overline-margin-bottom); +} + +.rz-text-align-start { + text-align: start; +} + +.rz-text-align-end { + text-align: end; +} + +.rz-text-align-left { + text-align: left; +} + +.rz-text-align-right { + text-align: right; +} + +.rz-text-align-center { + text-align: center; +} + +.rz-text-align-justify { + text-align: justify; +} + +.rz-text-align-justify-all { + text-align: justify-all; +} + +.rz-text-align-match-parent { + text-align: match-parent; +} + +@media (min-width: 576px) { + .rz-text-align-xs-start { + text-align: start !important; + } + .rz-text-align-xs-end { + text-align: end !important; + } + .rz-text-align-xs-left { + text-align: left !important; + } + .rz-text-align-xs-right { + text-align: right !important; + } + .rz-text-align-xs-center { + text-align: center !important; + } + .rz-text-align-xs-justify { + text-align: justify !important; + } + .rz-text-align-xs-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xs-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 768px) { + .rz-text-align-sm-start { + text-align: start !important; + } + .rz-text-align-sm-end { + text-align: end !important; + } + .rz-text-align-sm-left { + text-align: left !important; + } + .rz-text-align-sm-right { + text-align: right !important; + } + .rz-text-align-sm-center { + text-align: center !important; + } + .rz-text-align-sm-justify { + text-align: justify !important; + } + .rz-text-align-sm-justify-all { + text-align: justify-all !important; + } + .rz-text-align-sm-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1024px) { + .rz-text-align-md-start { + text-align: start !important; + } + .rz-text-align-md-end { + text-align: end !important; + } + .rz-text-align-md-left { + text-align: left !important; + } + .rz-text-align-md-right { + text-align: right !important; + } + .rz-text-align-md-center { + text-align: center !important; + } + .rz-text-align-md-justify { + text-align: justify !important; + } + .rz-text-align-md-justify-all { + text-align: justify-all !important; + } + .rz-text-align-md-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1280px) { + .rz-text-align-lg-start { + text-align: start !important; + } + .rz-text-align-lg-end { + text-align: end !important; + } + .rz-text-align-lg-left { + text-align: left !important; + } + .rz-text-align-lg-right { + text-align: right !important; + } + .rz-text-align-lg-center { + text-align: center !important; + } + .rz-text-align-lg-justify { + text-align: justify !important; + } + .rz-text-align-lg-justify-all { + text-align: justify-all !important; + } + .rz-text-align-lg-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 1920px) { + .rz-text-align-xl-start { + text-align: start !important; + } + .rz-text-align-xl-end { + text-align: end !important; + } + .rz-text-align-xl-left { + text-align: left !important; + } + .rz-text-align-xl-right { + text-align: right !important; + } + .rz-text-align-xl-center { + text-align: center !important; + } + .rz-text-align-xl-justify { + text-align: justify !important; + } + .rz-text-align-xl-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xl-match-parent { + text-align: match-parent !important; + } +} +@media (min-width: 2560px) { + .rz-text-align-xx-start { + text-align: start !important; + } + .rz-text-align-xx-end { + text-align: end !important; + } + .rz-text-align-xx-left { + text-align: left !important; + } + .rz-text-align-xx-right { + text-align: right !important; + } + .rz-text-align-xx-center { + text-align: center !important; + } + .rz-text-align-xx-justify { + text-align: justify !important; + } + .rz-text-align-xx-justify-all { + text-align: justify-all !important; + } + .rz-text-align-xx-match-parent { + text-align: match-parent !important; + } +} +.rz-text-wrap { + white-space: normal !important; +} + +.rz-text-nowrap { + white-space: nowrap !important; +} + +.rz-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rz-text-capitalize { + text-transform: capitalize; +} + +.rz-text-uppercase { + text-transform: uppercase; +} + +.rz-text-lowercase { + text-transform: lowercase; +} + +.rz-label { + vertical-align: middle; + margin-bottom: 0; +} + +.rz-form .row .rz-label { + min-height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + padding: var(--rz-input-padding); + padding-left: 0; + border-top: var(--rz-input-border); + border-bottom: var(--rz-input-border); + border-color: transparent; +} + +:root { + --rz-text-selection-background-color: var(--rz-primary-light); + --rz-text-selection-color: var(--rz-on-primary-light); +} + +.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 { + font-family: var(--rz-icon-font-family); + font-weight: normal; + 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; + direction: ltr; + /* 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-light { + color: var(--rz-base-200); +} + +.rzi-dark { + color: var(--rz-base-900); +} + +.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); +} + +.rz-helper-hidden-accessible { + opacity: 0; + height: 0; +} +.rz-helper-hidden-accessible input { + height: 0; + padding: 0; + margin: 0; + border: 0; +} + +.rz-helper-hidden { + display: none; +} + +.rz-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px; +} + +rz-button[type], +p-button[type] { + -webkit-appearance: none; +} + +:root { + --rz-button-base-background-color: var(--rz-primary); + --rz-button-base-color: var(--rz-text-contrast-color); + --rz-button-background-size: auto; + --rz-button-border-radius: var(--rz-border-radius-8); + --rz-button-shadow: var(--rz-shadow-1); + --rz-button-transition: var(--rz-transition-all); + --rz-button-line-height: 1.25rem; + --rz-button-vertical-align: top; + --rz-button-hover-shadow: var(--rz-shadow-2); + --rz-button-hover-gradient: linear-gradient(rgba(55, 89, 139, 0.04), rgba(55, 89, 139, 0.04)); + --rz-button-hover-background-size: auto; + --rz-button-focus-shadow: var(--rz-shadow-1); + --rz-button-focus-gradient: linear-gradient(rgba(55, 89, 139, 0.04), rgba(55, 89, 139, 0.04)); + --rz-button-focus-background-size: auto; + --rz-button-focus-outline: none; + --rz-button-active-shadow: var(--rz-shadow-1); + --rz-button-active-gradient: linear-gradient(rgba(55, 89, 139, 0.08), rgba(55, 89, 139, 0.08)); + --rz-button-active-background-size: auto; + --rz-button-disabled-opacity: 0.2; + --rz-button-empty-opacity: 0.4; +} + +.rz-paginator-element, .rz-button { + -webkit-appearance: none; + display: inline-block; + border-radius: var(--rz-button-border-radius); + background-color: var(--rz-button-base-background-color); + color: var(--rz-button-base-color); + border: none; + outline: none; + line-height: var(--rz-button-line-height); + font-size: 1.0625rem; + text-decoration: none; + box-shadow: var(--rz-button-shadow); + transition: var(--rz-button-transition); + background-size: var(--rz-button-background-size); + background-repeat: no-repeat; +} +.rz-paginator-element:focus, .rz-button:focus { + outline: var(--rz-button-focus-outline); +} +.rz-paginator-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) { + cursor: pointer; +} +.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button:not(.rz-state-disabled):hover:not(:active) { + 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-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button:not(.rz-state-disabled):focus:not(:active) { + 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-paginator-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-paginator-element, .rz-button.rz-state-disabled { + opacity: var(--rz-button-disabled-opacity); + cursor: initial; +} +.rz-state-empty.rz-paginator-element, .rz-button.rz-state-empty { + opacity: var(--rz-button-empty-opacity); + cursor: initial; +} +.rz-paginator-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-paginator-element .rz-button-text, .rz-button .rz-button-text { + vertical-align: var(--rz-button-vertical-align); +} +.rz-paginator-element .rzi, .rz-button .rzi { + vertical-align: var(--rz-button-vertical-align); +} + +.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-light { + background-color: var(--rz-base-300); + color: var(--rz-text-color); +} +.rz-button.rz-light.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} +.rz-button.rz-base.rz-shade-lighter { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); +} +.rz-button.rz-base.rz-shade-light { + background-color: var(--rz-base-light); + color: var(--rz-on-base-light); +} +.rz-button.rz-base.rz-shade-default { + background-color: var(--rz-base); + color: var(--rz-on-base); +} +.rz-button.rz-base.rz-shade-dark { + background-color: var(--rz-base-dark); + color: var(--rz-on-base-dark); +} +.rz-button.rz-base.rz-shade-darker { + background-color: var(--rz-base-darker); + color: var(--rz-on-base-darker); +} +.rz-button.rz-base.rz-variant-flat { + box-shadow: none !important; +} + +.rz-button.rz-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-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-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-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-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-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-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-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); +} +.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + background-color: transparent; +} +.rz-button.rz-variant-outlined.rz-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-300); + color: var(--rz-base-300); +} +.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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-base); + color: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; +} + +.rz-button.rz-variant-outlined.rz-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); +} +.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):focus:not(:active), .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-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); +} +.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):focus:not(:active), .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-light { + color: var(--rz-base-300); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active), .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-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: var(--rz-base); +} +.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); +} +.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { + background-color: var(--rz-base-lighter); + color: var(--rz-on-base-lighter); + background-image: none; + box-shadow: none; +} + +.rz-button.rz-variant-text.rz-dark { + color: var(--rz-base-900); + background-color: transparent; + box-shadow: none; +} +.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):focus:not(:active), .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.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); +} +.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):focus:not(:active), .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); +} +.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):focus:not(:active), .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-paginator-element, .rz-button-lg { + font-size: 1rem; + font-weight: 500; + padding: 0.75rem 1.5rem; + height: auto; + line-height: 1.5rem; + min-height: 3rem; + min-width: 3rem; + letter-spacing: normal; +} +.rz-paginator-element .rz-button-box, .rz-button-lg .rz-button-box { + line-height: 1.5rem; + gap: 0.25rem; +} +.rz-button-icon-left.rz-paginator-element, .rz-button-lg.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator-element, .rz-button-lg.rz-button-icon-only { + padding: 0.75rem; +} +.rz-paginator-element .rzi, .rz-button-lg .rzi { + font-size: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + width: 1.5rem; +} + +.rz-date-filter-buttons .rz-button, .rz-button-md { + font-size: 0.875rem; + font-weight: 500; + padding: 0.625rem 1.5rem; + height: auto; + line-height: 1.25rem; + min-height: 2.5rem; + min-width: 2.5rem; + letter-spacing: normal; +} +.rz-date-filter-buttons .rz-button .rz-button-box, .rz-button-md .rz-button-box { + line-height: 1.25rem; + gap: 0.25rem; +} +.rz-date-filter-buttons .rz-button-icon-left.rz-button, .rz-button-md.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-md.rz-button-icon-only, .rz-button-md.rz-paginator-element { + padding: 0.625rem; +} +.rz-date-filter-buttons .rz-button .rzi, .rz-button-md .rzi { + font-size: 1.25rem; + height: 1.25rem; + line-height: 1.25rem; + width: 1.25rem; +} + +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm { + font-size: 0.75rem; + font-weight: 500; + padding: 0.375rem 1rem; + height: auto; + line-height: 1rem; + min-height: 1.75rem; + min-width: 1.75rem; + letter-spacing: normal; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box { + line-height: 1rem; + gap: 0.25rem; +} +.rz-paginator.rz-density-compact .rz-button-icon-left.rz-paginator-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left { + padding: 0 1.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element { + padding: 0.375rem; +} +.rz-paginator.rz-density-compact .rz-paginator-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +.rz-button-xs { + font-size: 0.75rem; + font-weight: 500; + padding: 0.25rem 0.75rem; + height: auto; + line-height: 1rem; + min-height: 1.25rem; + min-width: 1.25rem; + letter-spacing: normal; +} +.rz-button-xs .rz-button-box { + line-height: 1rem; + gap: 0.125rem; +} +.rz-button-xs.rz-button-icon-left { + padding: 0 1rem; +} +.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-paginator-element { + padding: 0.25rem; +} +.rz-button-xs .rzi { + font-size: 1rem; + height: 1rem; + line-height: 1rem; + width: 1rem; +} + +@keyframes button-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +:root { + --rz-badge-border-radius: var(--rz-border-radius); + --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius)); + --rz-badge-padding: 0 0.25rem; + --rz-badge-pill-padding: 0 0.25rem; + --rz-badge-font-size: 0.6875rem; + --rz-badge-font-weight: 500; + --rz-badge-line-height: 1rem; + --rz-badge-text-transform: none; + --rz-badge-letter-spacing: 0.02rem; +} + +.rz-badge { + 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-light { + background-color: var(--rz-base-200); + color: var(--rz-base-900); +} + +.rz-badge-dark { + background-color: var(--rz-base-900); +} + +.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-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-light { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-light.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + color: var(--rz-base-200); +} + +.rz-variant-outlined.rz-badge-dark { + background-color: transparent; +} +.rz-variant-outlined.rz-badge-dark.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + color: var(--rz-base-900); +} + +.rz-variant-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-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-light { + color: var(--rz-base-200); + background-color: transparent; +} + +.rz-variant-text.rz-badge-dark { + color: var(--rz-base-900); + background-color: transparent; +} + +.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-badge-pill { + border-radius: var(--rz-badge-pill-border-radius); + padding: var(--rz-badge-pill-padding); +} + +:root { + --rz-chip-background-color: var(--rz-base-300); + --rz-chip-color: var(--rz-text-color); + --rz-chip-padding: 0.125rem 0.125rem 0.125rem 0.75rem; + --rz-chip-gap: 0.5rem; + --rz-chip-border-radius: calc(var(--rz-border-radius) * 4); + --rz-chip-font-size: 0.875rem; +} + +:root { + --rz-input-font-size: var(--rz-body-font-size); + --rz-input-height: 2.5rem; + --rz-input-line-height: var(--rz-body-line-height); + --rz-input-padding: 0.4375rem 0.9375rem; + --rz-input-value-color: var(--rz-text-color); + --rz-input-placeholder-color: var(--rz-text-tertiary-color); + --rz-input-background-color: transparent; + --rz-input-border: var(--rz-border-normal); + --rz-input-border-radius: var(--rz-border-radius); + --rz-input-shadow: none; + --rz-input-hover-shadow: none; + --rz-input-hover-border: var(--rz-border-hover); + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary); + --rz-input-focus-border: var(--rz-border-focus); + --rz-input-disabled-border: var(--rz-border-disabled); + --rz-input-disabled-shadow: none; + --rz-input-disabled-background-color: transparent; + --rz-input-disabled-color: var(--rz-text-disabled-color); + --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color); + --rz-input-disabled-opacity: 1; + --rz-input-transition: var(--rz-transition-all); +} + +.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { + box-shadow: var(--rz-input-hover-shadow); + border: var(--rz-input-hover-border); +} + +.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { + box-shadow: var(--rz-input-focus-shadow); + border: var(--rz-input-focus-border); +} + +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled { + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + opacity: var(--rz-input-disabled-opacity); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext::placeholder, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, div:not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled::placeholder, div:not(.rz-form-field-content) > .rz-spinner:disabled::placeholder, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, div:not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, div:not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, div:not(.rz-form-field-content) > .mask:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, div:not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { + color: var(--rz-input-disabled-placeholder-color); +} +div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { + background-color: var(--rz-input-disabled-background-color); + color: var(--rz-input-disabled-color); +} + +input { + color: var(--rz-input-value-color); + font-size: var(--rz-input-font-size); +} +input::placeholder { + color: var(--rz-input-placeholder-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + padding: var(--rz-input-padding); +} + +.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { + border: var(--rz-input-border); + border-radius: var(--rz-input-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); +} + +.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .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-size: var(--rz-input-font-size); + transition: var(--rz-input-transition); + outline: none; +} +.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext { + border: 0; + box-shadow: none; + background-color: transparent; + outline: none; + border: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { + border: none; + box-shadow: none; +} +.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { + border: none; + box-shadow: none; +} + +:root { + --rz-header-background-color: var(--rz-base-700); + --rz-header-min-height: 3.125rem; + --rz-header-z: 2; + --rz-header-border: none; + --rz-header-color: var(--rz-text-color); + --rz-header-shadow: none; +} + +.rz-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; +} + +:root { + --rz-footer-padding: 1rem; + --rz-footer-background-color: var(--rz-base-700); + --rz-footer-border: none; + --rz-footer-color: var(--rz-text-color); + --rz-footer-z: 2; +} + +.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; +} + +:root { + --rz-sidebar-z: 1; + --rz-sidebar-width: 300px; + --rz-sidebar-border-right: none; + --rz-sidebar-background-color: var(--rz-base-700); + --rz-sidebar-color: var(--rz-text-color); +} + +.rz-sidebar { + background-color: var(--rz-sidebar-background-color); + color: var(--rz-sidebar-color); + border-right: var(--rz-sidebar-border-right); + position: fixed; + overflow: auto; + left: 0; + top: 0; + bottom: 0; + z-index: var(--rz-sidebar-z); + width: var(--rz-sidebar-width); + opacity: 1; + transition: var(--rz-transition-all); +} + +@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; +} + +:root { + --rz-card-padding: 1rem; + --rz-card-background-color: rgba(196, 201, 208, 0.09); + --rz-card-flat-background-color: rgba(196, 201, 208, 0.16); + --rz-card-shadow: var(--rz-shadow-1); + --rz-card-border: var(--rz-border-base-500); + --rz-card-border-radius: calc(var(--rz-border-radius) * 3); + --rz-card-heading-margin-bottom: 0.5rem; +} + +.rz-card { + 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; +} + +:root { + --rz-layout-body-margin: 0 0.75rem 0.75rem; + --rz-layout-body-padding: 1rem; + --rz-layout-body-border-radius: calc(var(--rz-border-radius) * 4); + --rz-layout-body-background-color: var(--rz-base-900); +} + +.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); +} + +:root { + --rz-accordion-item-padding: 1rem; + --rz-accordion-item-margin: 0; + --rz-accordion-item-border: var(--rz-border-base-500); + --rz-accordion-item-background-color: var(--rz-base-background-color); + --rz-accordion-item-color: var(--rz-text-secondary-color); + --rz-accordion-item-line-height: 1.5rem; + --rz-accordion-item-font-size: var(--rz-body-font-size); + --rz-accordion-item-font-weight: 500; + --rz-accordion-icon-width: var(--rz-icon-size); + --rz-accordion-icon-height: var(--rz-icon-size); + --rz-accordion-icon-font-size: var(--rz-icon-size); + --rz-accordion-icon-margin: 0 0.75rem 0 0; + --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem; + --rz-accordion-toggle-icon-order: 1; + --rz-accordion-selected-color: var(--rz-text-title-color); + --rz-accordion-hover-color: var(--rz-text-title-color); + --rz-accordion-content-padding: 1rem; + --rz-accordion-content-font-size: var(--rz-body-font-size); + --rz-accordion-border-radius: calc(var(--rz-border-radius) * 3); + --rz-accordion-shadow: var(--rz-shadow-1); +} + +.rz-accordion { + border-radius: var(--rz-accordion-border-radius); + box-shadow: var(--rz-accordion-shadow); +} +.rz-accordion > div:first-child { + border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; +} +.rz-accordion > div:last-child, .rz-accordion > div:last-child > div { + border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); +} +.rz-accordion > div:only-child { + border-radius: var(--rz-accordion-border-radius); +} + +.rz-accordion-header { + background-color: var(--rz-accordion-item-background-color); + margin: var(--rz-accordion-item-margin); +} +.rz-accordion-header:not(:first-child) { + border-top: var(--rz-accordion-item-border); +} +.rz-accordion-header a[role=tab] { + padding: var(--rz-accordion-item-padding); + 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); +} +.rz-accordion-header a[role=tab]:hover { + color: var(--rz-accordion-hover-color); +} +.rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) { + flex-grow: 1; +} +.rz-accordion-header .rzi { + font-size: var(--rz-accordion-icon-font-size); + margin: var(--rz-accordion-icon-margin); +} + +.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: var(--rz-accordion-toggle-icon-margin); +} +.rz-accordion-toggle-icon.rzi-chevron-right:before { + content: "keyboard_arrow_down"; +} +.rz-accordion-toggle-icon.rzi-chevron-down:before { + content: "keyboard_arrow_up"; +} + +.rz-state-active a[role=tab] { + color: var(--rz-accordion-selected-color); +} + +.rz-accordion-content-wrapper-overflown { + overflow: hidden; +} + +.rz-accordion-content { + font-size: var(--rz-accordion-content-font-size); + background-color: var(--rz-accordion-item-background-color); + padding: var(--rz-accordion-content-padding); +} + +:root { + --rz-panel-background-color: var(--rz-base-background-color); + --rz-panel-padding: 1rem; + --rz-panel-title-line-height: 1.5rem; + --rz-panel-title-font-weight: 500; + --rz-panel-content-margin: 0; + --rz-panel-toggle-icon-width: var(--rz-icon-size); + --rz-panel-toggle-icon-height: var(--rz-icon-size); + --rz-panel-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-toggle-icon-border-radius: 2px; + --rz-panel-toggle-icon-background-color: transparent; + --rz-panel-hover-color: var(--rz-text-title-color); + --rz-panel-border-radius: calc(var(--rz-border-radius) * 3); + --rz-panel-shadow: var(--rz-shadow-1); +} + +.rz-panel { + background: var(--rz-panel-background-color); + border-radius: var(--rz-panel-border-radius); + padding: var(--rz-panel-padding); + box-shadow: var(--rz-panel-shadow); + display: flex; + flex-direction: column; +} + +.rz-panel-titlebar { + display: flex; + justify-content: space-between; +} + +.rz-panel-content { + margin: var(--rz-panel-content-margin); +} + +.rz-panel-content-wrapper[aria-hidden=true] { + display: none; +} + +.rz-panel-title { + line-height: var(--rz-panel-title-line-height); + font-weight: var(--rz-panel-title-font-weight); +} + +.rz-panel-titlebar-toggler { + width: var(--rz-panel-toggle-icon-width); + height: var(--rz-panel-toggle-icon-height); + font-size: var(--rz-panel-toggle-icon-font-size); + border-radius: var(--rz-panel-toggle-icon-border-radius); + background-color: var(--rz-panel-toggle-icon-background-color); + color: inherit; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; +} +.rz-panel-titlebar-toggler:hover { + text-decoration: none; + color: var(--rz-panel-hover-color); +} +.rz-panel-titlebar-toggler .rzi-minus:before { + content: "remove"; +} +.rz-panel-titlebar-toggler .rzi-plus:before { + content: "add"; +} + +:root { + --rz-sidebar-toggle-icon-width: 1.5rem; + --rz-sidebar-toggle-icon-height: 1.5rem; + --rz-sidebar-toggle-margin: 0 1rem 0 0; + --rz-sidebar-toggle-padding: 0.8125rem; + --rz-sidebar-toggle-border: none; + --rz-sidebar-toggle-color: var(--rz-text-color); + --rz-sidebar-toggle-background-color: transparent; + --rz-sidebar-toggle-hover-color: var(--rz-on-primary-light); + --rz-sidebar-toggle-hover-background-color: var(--rz-primary-light); + --rz-sidebar-toggle-hover-border-radius: 50%; +} + +.rz-sidebar-toggle { + -webkit-appearance: none; + border: none; + padding: var(--rz-sidebar-toggle-padding); + margin: var(--rz-sidebar-toggle-margin); + border-right: var(--rz-sidebar-toggle-border); + background-color: var(--rz-sidebar-toggle-background-color); + color: var(--rz-sidebar-toggle-color); +} +.rz-sidebar-toggle:focus { + outline: none; +} +.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; +} + +:root { + --rz-menu-background-color: var(--rz-base-600); + --rz-menu-border: none; + --rz-menu-border-radius: var(--rz-border-radius); + --rz-menu-item-padding: 0.5rem 1rem; + --rz-menu-item-border-radius: 0; + --rz-menu-item-color: var(--rz-text-color); + --rz-menu-item-hover-color: var(--rz-text-color); + --rz-menu-item-hover-background-color: var(--rz-base-500); + --rz-menu-item-selected-color: var(--rz-text-color); + --rz-menu-item-icon-margin: 0 0.5rem 0 0; + --rz-menu-item-icon-color: var(--rz-text-color); + --rz-menu-item-icon-hover-color: var(--rz-text-color); + --rz-menu-item-offset: 1rem; + --rz-menu-item-transition: none; + --rz-menu-item-disabled-opacity: 0.2; + --rz-menu-top-item-padding: 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-700); + --rz-menu-top-item-hover-color: var(--rz-text-color); + --rz-menu-top-item-hover-background-color: transparent; + --rz-menu-top-item-selected-color: var(--rz-text-color); + --rz-menu-top-item-icon-color: var(--rz-text-color); + --rz-menu-top-item-icon-hover-color: var(--rz-text-color); + --rz-context-menu-padding: 0.5rem 0; + --rz-context-menu-box-shadow: var(--rz-shadow-2); +} + +.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: var(--rz-menu-item-padding); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-selected-color); +} +.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-menu:not(.rz-profile-menu) { + 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: var(--rz-context-menu-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { + color: var(--rz-menu-top-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-top-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-top-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-top-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-top-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-top-item-selected-color); +} +.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { + position: absolute; + content: ""; + bottom: -2px; + height: 1px; + left: 0; + right: 0; + background-color: var(--rz-menu-top-item-selected-color); + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-item { + position: relative; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu { + list-style: none; + overflow: hidden; + position: absolute; + padding: var(--rz-context-menu-padding); + margin: 0; + min-width: 100%; + box-shadow: var(--rz-context-menu-box-shadow); + z-index: 3; + border-radius: var(--rz-menu-border-radius); + background-color: var(--rz-menu-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { + border-radius: var(--rz-menu-item-border-radius); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-menu-item-hover-background-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { + color: var(--rz-menu-item-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-hover-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + white-space: nowrap; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { + color: var(--rz-menu-item-icon-color); +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { + position: static; + box-shadow: none; +} +.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + color: var(--rz-menu-item-color); + margin-left: 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-left: 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-left: calc(var(--rz-menu-item-offset) * 3); +} +.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { + margin: var(--rz-menu-item-icon-margin); +} + +.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-button-disabled-opacity); + cursor: initial; + pointer-events: none; +} + +.rz-menu-toggle-item { + display: none; + padding: var(--rz-menu-top-item-padding); + 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; + } +} +:root { + --rz-panel-menu-padding: 0.5rem 0; + --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-font-weight: 500; + --rz-panel-menu-color: var(--rz-text-color); + --rz-panel-menu-background-color: var(--rz-base-700); + --rz-panel-menu-hover-background-color: var(--rz-base-600); + --rz-panel-menu-hover-color: var(--rz-text-color); + --rz-panel-menu-item-line-height: 1.5rem; + --rz-panel-menu-item-padding: 0.75rem 1rem; + --rz-panel-menu-item-margin: 0 0.5rem; + --rz-panel-menu-item-border: var(--rz-border-base-700); + --rz-panel-menu-item-border-radius: calc(var(--rz-border-radius) * 5.5); + --rz-panel-menu-item-active-background-color: var(--rz-secondary-lighter); + --rz-panel-menu-item-background-color: var(--rz-base-700); + --rz-panel-menu-item-active-color: var(--rz-on-secondary-lighter); + --rz-panel-menu-item-active-indicator: var(--rz-secondary); + --rz-panel-menu-item-offset: 0; + --rz-panel-menu-item-transition: var(--rz-transition-all); + --rz-panel-menu-2nd-level-vertical-offset: 0.5rem; + --rz-panel-menu-item-2nd-level-padding: 0.625rem 0.625rem 0.625rem 1rem; + --rz-panel-menu-item-2nd-level-margin: 0 0.5rem; + --rz-panel-menu-item-2nd-level-border-radius: calc(var(--rz-border-radius) * 5); + --rz-panel-menu-item-2nd-level-offset: 3rem; + --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875); + --rz-panel-menu-item-2nd-level-font-weight: 400; + --rz-panel-menu-item-2nd-level-color: var(--rz-text-secondary-color); + --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-600); + --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-700); + --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-color); + --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-secondary-lighter); + --rz-panel-menu-item-2nd-level-active-color: var(--rz-on-secondary-lighter); + --rz-panel-menu-item-2nd-level-active-font-weight: 500; + --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-600); + --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-color); + --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-secondary-lighter); + --rz-panel-menu-item-3rd-level-active-color: var(--rz-on-secondary-lighter); + --rz-panel-menu-icon-width: var(--rz-icon-size); + --rz-panel-menu-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-icon-color: var(--rz-text-secondary-color); + --rz-panel-menu-icon-height: var(--rz-icon-size); + --rz-panel-menu-icon-margin: 0 1rem 0 0; + --rz-panel-menu-icon-2nd-level-margin: 0 1rem 0 -2.25rem; + --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8); + --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size); + --rz-panel-menu-toggle-icon-opacity: 1; +} + +.rz-panel-menu { + list-style: none; + padding: var(--rz-panel-menu-padding); + margin-bottom: 0; + overflow: auto; + font-size: var(--rz-panel-menu-font-size); + font-weight: var(--rz-panel-menu-font-weight); + color: var(--rz-panel-menu-color); + background-color: var(--rz-panel-menu-background-color); +} +.rz-panel-menu > .rz-navigation-item { + margin: var(--rz-panel-menu-item-margin); +} +.rz-panel-menu .rz-navigation-item { + border-bottom: var(--rz-panel-menu-item-border); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper { + position: relative; + line-height: var(--rz-panel-menu-item-line-height); + transition: var(--rz-panel-menu-item-transition); + border-radius: var(--rz-panel-menu-item-border-radius); + overflow: hidden; +} +.rz-panel-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-hover-background-color); + color: var(--rz-panel-menu-hover-color); +} +.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { + color: var(--rz-panel-menu-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: ""; + top: 0; + bottom: 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: var(--rz-panel-menu-item-padding); + 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-left: auto; + font-size: var(--rz-panel-menu-toggle-icon-font-size); + opacity: var(--rz-panel-menu-toggle-icon-opacity); + z-index: 1; +} +.rz-panel-menu .rz-navigation-item-icon { + height: var(--rz-panel-menu-icon-height); + width: var(--rz-panel-menu-icon-width); + color: var(--rz-panel-menu-icon-color); + margin: var(--rz-panel-menu-icon-margin); + 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-bottom: 0; + overflow: hidden; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { + margin: var(--rz-panel-menu-item-2nd-level-margin); + border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); + background-color: var(--rz-panel-menu-item-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: var(--rz-panel-menu-icon-2nd-level-margin); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu { + margin: 0; +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { + padding-left: var(--rz-panel-menu-item-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { + background-color: var(--rz-panel-menu-item-2nd-level-background-color); + color: var(--rz-panel-menu-item-2nd-level-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { + background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); + color: var(--rz-panel-menu-item-3rd-level-hover-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, +.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { + background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); + color: var(--rz-panel-menu-item-3rd-level-active-color); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item { + border-bottom: 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-top: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { + margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset); +} +.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { + padding: var(--rz-panel-menu-item-2nd-level-padding); + padding-left: var(--rz-panel-menu-item-2nd-level-offset); +} + +:root { + --rz-profile-menu-background-color: var(--rz-base-600); + --rz-profile-menu-top-item-background-color: var(--rz-base-700); + --rz-profile-menu-border: none; + --rz-profile-menu-padding: 0.5rem 1rem; + --rz-profile-menu-border-radius: var(--rz-border-radius); + --rz-profile-menu-toggle-button-color: var(--rz-text-color); + --rz-profile-menu-item-hover-background-color: var(--rz-base-500); + --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: 0 0.5rem 0 0; +} + +ul.rz-profile-menu { + list-style: none; + margin-bottom: 0; + padding: var(--rz-profile-menu-padding); + display: inline-block; + background-color: var(--rz-profile-menu-top-item-background-color); + border-left: var(--rz-profile-menu-border); + position: relative; + z-index: 3; +} +ul.rz-profile-menu .rz-navigation-item-icon-children { + color: var(--rz-profile-menu-toggle-button-color); +} +ul.rz-profile-menu .rz-navigation-menu { + border-radius: var(--rz-profile-menu-border-radius); + background-color: var(--rz-profile-menu-background-color); + box-shadow: var(--rz-context-menu-box-shadow); + overflow: hidden; + margin-bottom: 0; + padding: var(--rz-context-menu-padding); + position: absolute; + text-align: left; + top: calc(100% - 2px); + min-width: 100%; + right: 0; + white-space: nowrap; +} +ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link { + padding: var(--rz-menu-item-padding); +} +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: var(--rz-profile-menu-item-icon-margin); +} + +:root { + --rz-gravatar-width: 2.5rem; + --rz-gravatar-height: 2.5rem; + --rz-gravatar-border-radius: 50%; + --rz-gravatar-box-shadow: none; +} + +.rz-gravatar { + 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); +} + +:root { + --rz-steps-color: var(--rz-text-tertiary-color); + --rz-steps-number-border-radius: 50%; + --rz-steps-number-padding: 0.25rem 0; + --rz-steps-number-width: 2rem; + --rz-steps-number-height: 2rem; + --rz-steps-number-line-height: var(--rz-body-line-height); + --rz-steps-number-color: var(--rz-text-contrast-color); + --rz-steps-number-background-color: var(--rz-base-500); + --rz-steps-number-selected-color: var(--rz-text-contrast-color); + --rz-steps-number-selected-background: var(--rz-secondary); + --rz-steps-title-selected-color: var(--rz-secondary); + --rz-steps-title-margin: 0 1rem 0 0.5rem; + --rz-steps-buttons-padding: 1rem 0; + --rz-steps-button-color: var(--rz-text-secondary-color); +} + +.rz-steps { + 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-title { + margin: var(--rz-steps-title-margin); +} + +.rz-steps-number { + text-align: center; + line-height: var(--rz-steps-number-line-height); + color: var(--rz-steps-number-color); + padding: var(--rz-steps-number-padding); + 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: var(--rz-steps-buttons-padding); +} + +.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-next .rzi, +.rz-steps-prev .rzi { + font-size: var(--rz-icon-size); +} + +:root { + --rz-text-area-padding: var(--rz-input-padding); +} + +.rz-textarea { + padding: var(--rz-text-area-padding); + height: auto; +} + +:root { + --rz-checkbox-width: 1.125rem; + --rz-checkbox-height: 1.125rem; + --rz-checkbox-border-radius: 2px; + --rz-checkbox-border-width: 2px; + --rz-checkbox-label-margin: 0 1rem; + --rz-checkbox-margin: 1rem 0; + --rz-checkbox-checked-background-color: var(--rz-primary); + --rz-checkbox-checked-hover-background-color: var(--rz-primary); + --rz-checkbox-checked-disabled-background-color: var(--rz-base-200); + --rz-checkbox-checked-color: var(--rz-on-primary); + --rz-checkbox-checked-shadow: none; + --rz-checkbox-checked-border: var(--rz-border-primary); + --rz-checkbox-checked-hover-border: var(--rz-border-primary); + --rz-checkbox-checked-disabled-border: var(--rz-border-base-200); + --rz-checkbox-checked-icon-background-color: transparent; + --rz-checkbox-checked-icon-border-radius: 0; + --rz-checkbox-icon-width: var(--rz-body-font-size); + --rz-checkbox-icon-height: var(--rz-body-font-size); + --rz-checkbox-icon-font-size: var(--rz-body-font-size); + --rz-checkbox-tri-icon-width: var(--rz-body-font-size); + --rz-checkbox-tri-icon-height: var(--rz-body-font-size); + --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size); +} + +.rz-checkbox-list-vertical .rz-checkbox { + display: flex; + align-items: center; + margin: var(--rz-checkbox-margin); + cursor: pointer; +} + +.rz-checkbox-list-horizontal .rz-checkbox { + display: inline-flex; + align-items: center; +} + +.rz-state-disabled .rz-checkbox { + cursor: initial; +} + +.rz-chkbox-label { + margin: var(--rz-checkbox-label-margin); +} + +.rz-chkbox { + display: inline-block; + vertical-align: middle; + position: relative; + width: var(--rz-checkbox-width); + min-width: var(--rz-checkbox-width); + height: var(--rz-checkbox-height); +} + +.rz-chkbox-box { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + border: var(--rz-input-border); + border-width: var(--rz-checkbox-border-width); + border-radius: var(--rz-checkbox-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-chkbox-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-checkbox-border-width); +} +.rz-chkbox-box.rz-state-disabled { + cursor: initial; + color: var(--rz-input-disabled-color); + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-checkbox-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-chkbox-box .rzi { + width: var(--rz-checkbox-icon-width); + height: var(--rz-checkbox-icon-height); + font-size: var(--rz-checkbox-icon-font-size); + color: var(--rz-checkbox-checked-color); + vertical-align: middle; + background-color: var(--rz-checkbox-checked-icon-background-color); + border-radius: var(--rz-checkbox-checked-icon-border-radius); +} +.rz-chkbox-box .rzi-check:before { + content: "check"; +} +.rz-chkbox-box .rzi-times { + width: var(--rz-checkbox-tri-icon-width); + height: var(--rz-checkbox-tri-icon-height); + font-size: var(--rz-checkbox-tri-icon-font-size); +} +.rz-chkbox-box .rzi-times:before { + content: "remove"; +} +.rz-chkbox-box.rz-state-active { + background-color: var(--rz-checkbox-checked-background-color); + border: var(--rz-checkbox-checked-border); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-checkbox-checked-hover-background-color); + border: var(--rz-checkbox-checked-hover-border); +} +.rz-chkbox-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-checkbox-checked-disabled-background-color); + border: var(--rz-checkbox-checked-disabled-border); + opacity: 0.5; +} + +:root { + --rz-switch-background-color: var(--rz-base-500); + --rz-switch-checked-background-color: var(--rz-primary); + --rz-switch-box-shadow: none; + --rz-switch-circle-background-color: var(--rz-base-200); + --rz-switch-checked-circle-background-color: var(--rz-on-primary); +} + +.rz-switch { + position: relative; + display: inline-block; + vertical-align: middle; + width: 3.25rem; + min-width: 3.25rem; + height: 2rem; +} + +.rz-switch-circle { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rz-switch-circle.rz-disabled { + opacity: 0.5; + cursor: initial; +} + +.rz-switch .rz-switch-circle { + background: var(--rz-switch-background-color); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: calc(5 * var(--rz-border-radius)); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + background: var(--rz-switch-checked-background-color); +} + +.rz-switch .rz-switch-circle:before { + background: var(--rz-switch-circle-background-color); + width: 1rem; + height: 1rem; + left: 0.5rem; + margin-top: -0.5rem; + 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: ""; + top: 50%; +} + +.rz-switch-circle.rz-disabled:before { + box-shadow: none; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + background: var(--rz-switch-checked-circle-background-color); + transform: translateX(1.25rem); +} + +:root { + --rz-radio-width: 1.25rem; + --rz-radio-height: 1.25rem; + --rz-radio-border-radius: 50%; + --rz-radio-border-width: 2px; + --rz-radio-label-margin: 0 1rem; + --rz-radio-margin: 1rem 0; + --rz-radio-active-background-color: var(--rz-base-background-color); + --rz-radio-active-shadow: none; + --rz-radio-checked-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-background-color: var(--rz-base-background-color); + --rz-radio-checked-hover-shadow: none; + --rz-radio-checked-color: var(--rz-text-contrast-color); + --rz-radio-circle-background-color: var(--rz-primary); + --rz-radio-circle-shadow: none; + --rz-radio-circle-hover-background-color: var(--rz-primary-light); + --rz-radio-icon-width: 0.625rem; + --rz-radio-icon-height: 0.625rem; + --rz-radio-checked-border: var(--rz-border-primary); +} + +.rz-radio-button-list-vertical .rz-radio-btn { + display: flex; + margin: var(--rz-radio-margin); + align-items: center; +} + +.rz-radio-button-list-horizontal .rz-radio-btn { + display: inline-flex; + align-items: center; +} + +.rz-radiobutton { + white-space: nowrap; + display: inline-flex; + align-items: center; + cursor: pointer; +} + +.rz-state-disabled .rz-radiobutton { + cursor: initial; +} + +.rz-radiobutton-label, +.rz-radiobutton-template { + margin: var(--rz-radio-label-margin); +} + +.rz-radiobutton { + display: inline-block; + position: relative; + vertical-align: middle; + width: var(--rz-radio-width); + height: var(--rz-radio-height); +} + +.rz-radiobutton-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: inherit; + border: var(--rz-input-border); + border-width: var(--rz-radio-border-width); + border-radius: var(--rz-radio-border-radius); + box-shadow: var(--rz-input-shadow); + background-color: var(--rz-input-background-color); + transition: var(--rz-transition-all); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled) { + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box:active:not(.rz-state-disabled) { + background-color: var(--rz-radio-active-background-color); + box-shadow: var(--rz-radio-active-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-disabled { + cursor: initial; + box-shadow: var(--rz-input-disabled-shadow); + background-color: var(--rz-input-disabled-background-color); + border: var(--rz-input-disabled-border); + border-width: var(--rz-radio-border-width); + opacity: var(--rz-input-disabled-opacity); +} +.rz-radiobutton-box .rzi { + width: var(--rz-radio-icon-width); + height: var(--rz-radio-icon-height); + color: var(--rz-radio-checked-color); +} +.rz-radiobutton-box .rzi-circle-on { + border-radius: var(--rz-radio-border-radius); + vertical-align: middle; + background-color: var(--rz-radio-circle-background-color); + box-shadow: var(--rz-radio-circle-shadow); +} +.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-circle-hover-background-color); +} +.rz-radiobutton-box.rz-state-active { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { + background-color: var(--rz-radio-checked-hover-background-color); + border: var(--rz-radio-checked-border); + box-shadow: var(--rz-radio-checked-hover-shadow); + border-width: var(--rz-radio-border-width); +} +.rz-radiobutton-box.rz-state-active.rz-state-disabled { + background-color: var(--rz-radio-checked-background-color); + border: var(--rz-radio-checked-border); + border-width: var(--rz-radio-border-width); + opacity: 0.5; +} + +:root { + --rz-fieldset-border: var(--rz-border-base-300); + --rz-fieldset-border-radius: var(--rz-border-radius); + --rz-fieldset-padding: 0 1rem 1rem; + --rz-fieldset-legend-color: var(--rz-text-color); + --rz-fieldset-legend-font-size: var(--rz-body-font-size); + --rz-fieldset-legend-margin: 0 0 1rem 0.5rem; + --rz-fieldset-legend-padding: 0 0.5rem; + --rz-fieldset-toggle-width: 1.5rem; + --rz-fieldset-toggle-margin: 0; + --rz-fieldset-toggle-height: 1.5rem; + --rz-fieldset-toggle-background-color: transparent; + --rz-fieldset-toggle-color: var(--rz-text-tertiary-color); + --rz-fieldset-toggle-font-size: 1.5rem; + --rz-fieldset-toggle-border: none; +} + +.rz-fieldset { + 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: var(--rz-fieldset-toggle-margin); +} +.rz-fieldset-toggler.rzi-minus:before { + content: "remove"; +} +.rz-fieldset-toggler.rzi-plus:before { + content: "add"; +} + +.rz-fieldset-legend { + float: none; + margin: var(--rz-fieldset-legend-margin); + padding: var(--rz-fieldset-legend-padding); + 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; +} + +:root { + --rz-dropdown-trigger-icon-width: var(--rz-icon-size); + --rz-dropdown-trigger-icon-height: var(--rz-icon-size); + --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0; + --rz-dropdown-horizontal-padding: 1rem; + --rz-dropdown-panel-padding: 0 1rem; + --rz-dropdown-items-margin: 0 -1rem; + --rz-dropdown-items-padding: 0.5rem 0; + --rz-dropdown-item-padding: 0.75rem 1rem; + --rz-dropdown-item-font-size: var(--rz-input-font-size); + --rz-dropdown-item-hover-background-color: var(--rz-base-500); + --rz-dropdown-item-selected-background-color: var(--rz-secondary-lighter); + --rz-dropdown-item-selected-shadow: none; + --rz-dropdown-item-hover-color: var(--rz-text-color); + --rz-dropdown-item-selected-color: var(--rz-on-secondary-lighter); + --rz-dropdown-item-selected-hover-background-color: var(--rz-base-300); + --rz-dropdown-item-selected-hover-color: var(--rz-text-color); + --rz-dropdown-item-transition: none; + --rz-dropdown-item-disabled-opacity: 0.2; + --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0; + --rz-dropdown-filter-border: var(--rz-border-normal); + --rz-dropdown-filter-padding: 1rem 0 0.5rem; + --rz-dropdown-open-background-color: var(--rz-base-600); + --rz-dropdown-open-border: 2px solid var(--rz-primary); + --rz-dropdown-panel-border: none; + --rz-dropdown-panel-shadow: var(--rz-shadow-2); + --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem; + --rz-multiselect-checkbox-margin: 0 1rem 0 0; +} + +.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; + right: 0; + top: 0; + bottom: 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: var(--rz-dropdown-trigger-icon-margin); +} +.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { + content: "arrow_drop_down"; +} + +.rz-dropdown-clear-icon { + position: absolute; + right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); + top: 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-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: var(--rz-multiselect-checkbox-margin); +} + +.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items { + list-style: none; + padding: var(--rz-dropdown-items-padding); + margin: 0; +} +.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li { + /* The 'No results found' item has no CSS class */ +} + +.rz-dropdown-items-wrapper, +.rz-multiselect-items-wrapper { + overflow: auto; + margin: var(--rz-dropdown-items-margin); + border-radius: var(--rz-input-border-radius); +} + +.rz-multiselect-items-wrapper { + overflow: auto; +} + +.rz-dropdown-filter-container { + padding: var(--rz-dropdown-filter-padding); + border-bottom: var(--rz-dropdown-filter-border); +} + +.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter { + background-color: transparent; + color: var(--rz-text-color); +} + +.rz-multiselect-header { + display: flex; + align-items: center; + padding: var(--rz-dropdown-item-padding); + margin: var(--rz-dropdown-items-margin); +} + +.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item { + padding: var(--rz-dropdown-item-padding); + transition: var(--rz-dropdown-item-transition); + cursor: default; + font-size: var(--rz-dropdown-item-font-size); +} +.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight { + background-color: var(--rz-dropdown-item-selected-background-color); + color: var(--rz-dropdown-item-selected-color); + box-shadow: var(--rz-dropdown-item-selected-shadow); + border-radius: 0; +} +.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover { + background-color: var(--rz-dropdown-item-selected-hover-background-color); + color: var(--rz-dropdown-item-selected-hover-color); +} +.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled { + opacity: var(--rz-dropdown-item-disabled-opacity); + cursor: initial; +} +.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover { + background-color: var(--rz-dropdown-item-hover-background-color); + color: var(--rz-dropdown-item-hover-color); + border-radius: 0; +} + +.rz-multiselect-close { + display: none; +} + +.rz-multiselect-filter-container { + flex: auto; + border-bottom: var(--rz-dropdown-filter-border); +} +.rz-multiselect-filter-container .rz-inputtext { + padding: 0; +} + +.rz-multiselect-item { + display: flex; + align-items: center; +} + +.rz-multiselect-label-container, +.rz-dropdown-label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: var(--rz-dropdown-label-padding); + margin: 0; +} + +.rz-dropdown-chips { + height: inherit; + padding: var(--rz-dropdown-chips-padding); +} +.rz-dropdown-chips .rz-dropdown-chips-wrapper { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + margin-right: 3rem; +} +.rz-dropdown-chips .rz-chip { + display: inline-flex; + align-items: center; + gap: var(--rz-chip-gap); + background-color: var(--rz-chip-background-color); + color: var(--rz-chip-color); + border-radius: var(--rz-chip-border-radius); + padding: var(--rz-chip-padding); +} +.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-right: calc(2 * var(--rz-dropdown-trigger-icon-width)); +} + +.rz-autocomplete { + 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: var(--rz-input-padding); + background-color: transparent; + color: var(--rz-input-value-color); + box-shadow: var(--rz-input-shadow); + border: none; + height: var(--rz-input-height); + line-height: var(--rz-input-line-height); + width: 100%; + transition: var(--rz-input-transition); +} +.rz-autocomplete-input:focus { + outline: none; +} +.rz-autocomplete-input:disabled { + border: none; +} + +.rz-autocomplete-panel { + overflow: auto; + box-sizing: content-box; +} + +:root { + --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-filter-border: var(--rz-border-base-300); + --rz-listbox-padding: 0; + --rz-listbox-item-padding: var(--rz-dropdown-item-padding); + --rz-listbox-item-margin: 0; + --rz-listbox-checkbox-margin: 0 1rem 0 0; + --rz-listbox-header-padding: 0.75rem 1rem; + --rz-listbox-header-icon-width: var(--rz-icon-size); + --rz-listbox-header-icon-height: var(--rz-icon-size); + --rz-listbox-header-icon-margin: 0; +} + +.rz-listbox { + 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: var(--rz-listbox-checkbox-margin); +} +.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-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: var(--rz-listbox-header-padding); + border-bottom: var(--rz-listbox-filter-border); +} + +.rz-listbox-list-wrapper { + flex: auto; + overflow: auto; + padding: var(--rz-listbox-padding); +} + +.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext { + flex: auto; + width: 0; + border: none; + line-height: var(--rz-input-line-height); +} +.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus { + outline: none; +} +.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search { + width: var(--rz-listbox-header-icon-width); + height: var(--rz-listbox-header-icon-height); + line-height: var(--rz-listbox-header-icon-height); + font-size: var(--rz-listbox-header-icon-height); +} +.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before { + content: "search"; +} + +.rz-listbox-filter-container { + flex: auto; +} +.rz-listbox-filter-container .rz-inputtext { + background-color: transparent; +} + +:root { + --rz-splitbutton-menu-button-width: 1.875rem; + --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0; + --rz-splitbutton-menu-button-font-size: 1.0625rem; + --rz-splitbutton-menu-shadow: var(--rz-shadow-2); + --rz-splitbutton-menu-min-width: 10rem; + --rz-splitbutton-background-color: var(--rz-primary); + --rz-splitbutton-border-radius: var(--rz-border-radius); +} + +.rz-splitbutton { + display: inline-flex; +} +.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text { + display: none; +} +.rz-splitbutton .rz-button.rz-splitbutton-menubutton { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.rz-splitbutton-menu { + display: none; + position: absolute; + min-width: var(--rz-splitbutton-menu-min-width); + border-top-right-radius: var(--rz-splitbutton-border-radius); + box-shadow: var(--rz-splitbutton-menu-shadow); +} + +.rz-menu-list { + list-style: none; + padding: 0; + margin: 0; +} + +.rz-menuitem:hover:first-child { + border-top-right-radius: var(--rz-splitbutton-border-radius); +} +.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; +} + +.rz-splitbutton-menubutton { + margin-left: 1px; +} +.rz-splitbutton-menubutton.rz-variant-outlined { + border-left: 0; + margin-left: 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"; +} + +:root { + --rz-slider-background-color: var(--rz-base-400); + --rz-slider-border: none; + --rz-slider-border-radius: var(--rz-border-radius); + --rz-slider-horizontal-height: 4px; + --rz-slider-horizontal-width: 10rem; + --rz-slider-range-background-color: var(--rz-primary); + --rz-slider-range-border: none; + --rz-slider-handle-width: 20px; + --rz-slider-handle-height: 20px; + --rz-slider-handle-color: var(--rz-text-contrast-color); + --rz-slider-handle-background-color: var(--rz-primary); + --rz-slider-handle-border: none; + --rz-slider-handle-border-radius: 50%; + --rz-slider-handle-shadow: var(--rz-shadow-1); + --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition); + --rz-slider-handle-hover-background-color: var(--rz-primary); + --rz-slider-handle-hover-border: none; + --rz-slider-handle-hover-shadow: var(--rz-shadow-1), 0px 0px 0px 10px var(--rz-primary-lighter); + --rz-slider-disabled-background-color: var(--rz-base-500); + --rz-slider-disabled-border: none; + --rz-slider-disabled-range-background-color: var(--rz-base-700); + --rz-slider-disabled-range-border: none; + --rz-slider-disabled-handle-border: none; + --rz-slider-disabled-handle-background-color: var(--rz-base-700); +} + +.rz-slider { + position: relative; + display: inline-block; + border: var(--rz-slider-border); + border-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-background-color); +} +.rz-slider.rz-state-disabled { + background-color: var(--rz-slider-disabled-background-color); + border: var(--rz-slider-disabled-border); +} +.rz-slider.rz-state-disabled .rz-slider-range { + background-color: var(--rz-slider-disabled-range-background-color); + border: var(--rz-slider-disabled-range-border); +} +.rz-slider.rz-state-disabled .rz-slider-handle { + background-color: var(--rz-slider-disabled-handle-background-color); + border: var(--rz-slider-disabled-handle-border); +} + +.rz-slider-horizontal { + height: var(--rz-slider-horizontal-height); + width: var(--rz-slider-horizontal-width); +} + +.rz-slider-range { + position: absolute; + top: -1px; + bottom: -1px; + left: -1px; + border-top-left-radius: var(--rz-slider-border-radius); + border-bottom-left-radius: var(--rz-slider-border-radius); + background-color: var(--rz-slider-range-background-color); + border: var(--rz-slider-range-border); +} + +.rz-slider-handle { + position: absolute; + transform: translateY(-50%); + top: 50%; + margin-left: calc(var(--rz-slider-handle-width) / -2); + background-color: var(--rz-slider-handle-background-color); + border: var(--rz-slider-handle-border); + border-radius: var(--rz-slider-handle-border-radius); + box-shadow: var(--rz-slider-handle-shadow); + width: var(--rz-slider-handle-width); + height: var(--rz-slider-handle-height); + transition: var(--rz-slider-handle-transition); +} + +.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { + background-color: var(--rz-slider-handle-hover-background-color); + box-shadow: var(--rz-slider-handle-hover-shadow); + border: var(--rz-slider-handle-hover-border); + cursor: pointer; +} + +:root { + --rz-rating-color: var(--rz-text-secondary-color); + --rz-rating-opacity: 1; + --rz-rating-font-size: var(--rz-icon-size); + --rz-rating-selected-color: var(--rz-primary); + --rz-rating-disabled-color: var(--rz-text-disabled-color); + --rz-rating-disabled-opacity: 0.5; + --rz-rating-ban-icon: highlight_off; + --rz-rating-ban-icon-color: var(--rz-text-disabled-color); +} + +.rz-rating { + display: inline-flex; + font-size: var(--rz-rating-font-size); + height: 1em; +} +.rz-rating.rz-state-disabled .rzi { + opacity: var(--rz-rating-disabled-opacity); + color: var(--rz-rating-disabled-color); +} +.rz-rating a { + width: 1em; + height: 1em; + text-decoration: none; + cursor: default; + outline: none; +} +.rz-rating .rzi { + color: var(--rz-rating-color); + font-size: 1em; +} +.rz-rating .rzi-ban { + color: var(--rz-rating-ban-icon-color); +} +.rz-rating .rzi-ban:before { + content: "highlight_off"; +} +.rz-rating .rzi-star-o { + opacity: var(--rz-rating-opacity); +} +.rz-rating .rzi-star-o:before { + content: "star_border"; +} +.rz-rating .rzi-star { + color: var(--rz-rating-selected-color); +} +.rz-rating .rzi-star:before { + content: "star"; +} + +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover { + color: var(--rz-rating-selected-color); +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before { + content: "star"; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban { + cursor: pointer; +} +.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover { + color: var(--rz-rating-selected-color); +} + +:root { + --rz-selectbar-background-color: var(--rz-base-background-color); + --rz-selectbar-color: var(--rz-text-color); + --rz-selectbar-border: var(--rz-border-base-200); + --rz-selectbar-selected-background-color: var(--rz-secondary-lighter); + --rz-selectbar-selected-color: var(--rz-on-secondary-lighter); + --rz-selectbar-selected-border: var(--rz-border-base-200); + --rz-selectbar-border-radius: calc(var(--rz-border-radius) * 7); +} + +.rz-selectbutton { + display: inline-flex; +} + +.rz-selectbutton .rz-button.rz-button-xs { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-xs:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-xs.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-sm { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-sm:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-sm.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-md { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-md:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-md.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +.rz-selectbutton .rz-button.rz-button-lg { + margin-left: -1px; + display: inline-block; + background-color: var(--rz-selectbar-background-color); + color: var(--rz-selectbar-color); + border: var(--rz-selectbar-border); + border-radius: 0; +} +.rz-selectbutton .rz-button.rz-button-lg:first-child { + margin-left: 0; + border-top-left-radius: var(--rz-selectbar-border-radius); + border-bottom-left-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg:last-child { + border-top-right-radius: var(--rz-selectbar-border-radius); + border-bottom-right-radius: var(--rz-selectbar-border-radius); +} +.rz-selectbutton .rz-button.rz-button-lg.rz-state-active { + background-color: var(--rz-selectbar-selected-background-color); + color: var(--rz-selectbar-selected-color); + border: var(--rz-selectbar-selected-border); +} + +:root { + --rz-datepicker-trigger-icon-width: var(--rz-icon-size); + --rz-datepicker-trigger-icon-height: var(--rz-icon-size); + --rz-datepicker-line-height: 1.5rem; + --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color); + --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color); + --rz-datepicker-panel-border: none; + --rz-datepicker-panel-background-color: var(--rz-base-700); + --rz-datepicker-panel-shadow: var(--rz-shadow-2); + --rz-datepicker-panel-margin: 0; + --rz-datepicker-header-background-color: transparent; + --rz-datepicker-header-color: var(--rz-text-secondary-color); + --rz-datepicker-header-padding: 0 1rem; + --rz-datepicker-header-line-height: 3.625rem; + --rz-datepicker-header-border: none; + --rz-datepicker-footer-padding: 0 0.75rem; + --rz-datepicker-footer-line-height: 3rem; + --rz-datepicker-calendar-padding: 0.625rem 0; + --rz-datepicker-calendar-header-font-size: 0.75rem; + --rz-datepicker-calendar-header-text-transform: uppercase; + --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color); + --rz-datepicker-calendar-font-size: 0.875rem; + --rz-datepicker-calendar-color: var(--rz-text-color); + --rz-datepicker-calendar-hover-color: var(--rz-text-title-color); + --rz-datepicker-calendar-hover-background-color: var(--rz-base-500); + --rz-datepicker-calendar-selected-color: var(--rz-on-primary); + --rz-datepicker-calendar-selected-background-color: var(--rz-primary); + --rz-datepicker-calendar-selected-hover-color: var(--rz-on-primary-dark); + --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-dark); + --rz-datepicker-calendar-border: none; + --rz-datepicker-calendar-border-radius: 50%; + --rz-datepicker-calendar-transition: var(--rz-transition-all); + --rz-datepicker-calendar-today-color: var(--rz-primary); + --rz-datepicker-calendar-today-background-color: transparent; + --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor; + --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius); + --rz-datepicker-title-height: 3.5rem; + --rz-timepicker-background-color: transparent; + --rz-timepicker-color: var(--rz-text-color); + --rz-timepicker-separator-color: var(--rz-text-color); + --rz-timepicker-padding: 0.5rem; + --rz-timepicker-hour-padding: 0.5rem; + --rz-timepicker-button-background-color: var(--rz-base-300); + --rz-timepicker-button-color: var(--rz-text-color); + --rz-timepicker-button-width: 0.875rem; + --rz-timepicker-button-height: 0.875rem; + --rz-timepicker-button-border-radius: 2px; + --rz-timepicker-button-padding: 0.5rem 1rem !important; + --rz-timepicker-gap: 0.5rem; + --rz-timepicker-separator-margin: 0 0.5rem; + --rz-timepicker-border: var(--rz-border-base-300); +} + +.rz-calendar { + display: inline-block; + position: relative; +} +.rz-calendar .rz-readonly { + cursor: pointer; +} +.rz-calendar .rz-inputtext { + width: 100%; + line-height: var(--rz-datepicker-line-height); + padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width)); +} +.rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger { + box-shadow: none; + color: var(--rz-datepicker-trigger-icon-hover-color); +} +.rz-calendar-inline { + background-color: var(--rz-datepicker-panel-background-color); + border: var(--rz-input-border); +} + +.rz-datepicker-trigger { + box-shadow: none; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.625rem; + 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; +} +.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 { + background-color: var(--rz-datepicker-panel-background-color); +} +.rz-datepicker:not(.rz-datepicker-inline) { + box-sizing: content-box; + margin: var(--rz-datepicker-panel-margin); + position: absolute; + border: var(--rz-datepicker-panel-border); + box-shadow: var(--rz-datepicker-panel-shadow); + border-radius: var(--rz-border-radius); +} + +.rz-calendar { + display: inline-block; +} + +.rz-datepicker-inline { + position: static; +} +.rz-datepicker-inline .rz-datepicker-group { + display: inline-block; +} + +.rz-datepicker-header { + position: relative; + line-height: var(--rz-datepicker-header-line-height); + background-color: var(--rz-datepicker-header-background-color); + border-bottom: var(--rz-datepicker-header-border); + color: var(--rz-datepicker-header-color); + padding: var(--rz-datepicker-header-padding); +} + +.rz-datepicker-prev { + float: left; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-prev .rzi-chevron-left { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-prev .rzi-chevron-left:before { + content: "chevron_left"; +} + +.rz-datepicker-next { + float: right; + height: var(--rz-datepicker-header-line-height); +} +.rz-datepicker-next .rzi-chevron-right { + vertical-align: text-top; + color: var(--rz-datepicker-header-color); +} +.rz-datepicker-next .rzi-chevron-right:before { + content: "chevron_right"; +} + +.rz-datepicker-title { + height: var(--rz-datepicker-title-height); + text-align: center; +} + +.rz-datepicker-calendar { + table-layout: fixed; + border-collapse: collapse; +} +.rz-datepicker-calendar 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-padding); + text-align: center; +} +.rz-datepicker-calendar td { + text-align: center; + border-top: var(--rz-datepicker-calendar-border); + padding: 0; +} +.rz-datepicker-calendar td .rz-state-default { + display: block; + padding: var(--rz-datepicker-calendar-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-datepicker-calendar td .rz-state-default.rz-datepicker-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-datepicker-calendar 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-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today { + color: var(--rz-datepicker-calendar-selected-color); + background-color: var(--rz-datepicker-calendar-selected-background-color); + padding: var(--rz-datepicker-calendar-padding); + box-shadow: none; +} +.rz-datepicker-calendar td .rz-state-active:hover, +.rz-datepicker-calendar td .rz-state-active.rz-datepicker-today:hover { + color: var(--rz-datepicker-calendar-selected-hover-color); + background-color: var(--rz-datepicker-calendar-selected-hover-background-color); +} +.rz-datepicker-calendar .rz-state-disabled { + opacity: 0.5; +} +.rz-datepicker-calendar .rz-datepicker-other-month { + opacity: 0.5; +} + +.rz-datepicker-footer { + position: relative; + line-height: var(--rz-datepicker-footer-line-height); + padding: var(--rz-datepicker-footer-padding); +} + +.rz-timepicker { + display: flex; + align-items: center; + justify-content: center; + gap: var(--rz-timepicker-gap); + border-top: var(--rz-datepicker-calendar-border); + padding: var(--rz-timepicker-padding); + 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; +} + +:root { + --rz-numeric-line-height: var(--rz-body-line-height); + --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-numeric-button-width: 1rem; + --rz-numeric-button-height: 1rem; + --rz-numeric-button-offset: 2px; + --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px); + --rz-numeric-button-background-color: transparent; + --rz-numeric-button-disabled-background-color: transparent; + --rz-numeric-button-disabled-color: var(--rz-text-disabled-color); + --rz-numeric-button-color: var(--rz-text-color); +} + +.rz-spinner { + display: inline-block; + position: relative; + padding: 0px; +} +.rz-spinner input[type=number], +.rz-spinner input[type=text] { + -moz-appearance: textfield; + width: 100%; + height: 100%; + border: none; + background-color: transparent; + line-height: var(--rz-numeric-line-height); + text-align: inherit; + padding: var(--rz-numeric-input-padding); + outline: none; +} +.rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, +.rz-spinner input[type=text]::-webkit-inner-spin-button, +.rz-spinner input[type=text]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.rz-spinner.rz-state-disabled .rz-spinner-button { + background-color: var(--rz-numeric-button-disabled-background-color); + color: var(--rz-numeric-button-disabled-color); +} +.rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-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-spinner-button { + position: absolute; + right: 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-spinner-button:hover { + background-color: var(--rz-numeric-button-background-color); +} +.rz-spinner-button .rzi { + font-size: var(--rz-numeric-button-height); + vertical-align: top; +} +.rz-spinner-button .rzi-caret-up:before { + content: "expand_less"; +} +.rz-spinner-button .rzi-caret-down:before { + content: "expand_more"; +} + +.rz-spinner-up { + top: var(--rz-numeric-button-offset); +} + +.rz-spinner-down { + bottom: var(--rz-numeric-button-offset); +} + +:root { + --rz-upload-button-bar-background-color: var(--rz-base-600); + --rz-upload-button-bar-padding: 0.5rem; + --rz-upload-button-bar-border-radius: calc(var(--rz-border-radius) * 5); + --rz-upload-files-background-color: var(--rz-base-background-color); + --rz-upload-files-padding: 0.5rem 0; + --rz-upload-files-remove-background-color: var(--rz-base-400); + --rz-upload-files-remove-color: var(--rz-text-color); + --rz-upload-files-margin: 0 0.5rem; + --rz-upload-choose-background-color: var(--rz-base-400); + --rz-upload-choose-color: var(--rz-text-color); + --rz-upload-choose-hover-background-color: var(--rz-base-300); + --rz-upload-choose-hover-color: var(--rz-text-title-color); + --rz-upload-choose-active-background-color: var(--rz-base-400); + --rz-upload-choose-active-color: var(--rz-text-title-color); + --rz-upload-cancel-background-color: var(--rz-base-400); + --rz-upload-cancel-color: var(--rz-text-color); + --rz-upload-button-background-color: var(--rz-primary); +} + +.rz-fileupload { + display: inline-block; +} +.rz-fileupload .rz-button { + vertical-align: middle; + -webkit-appearance: none !important; +} +.rz-fileupload .rz-button[disabled] { + opacity: 0.5; +} + +.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:not(.rz-state-disabled) { + background-color: var(--rz-upload-choose-background-color); + color: var(--rz-upload-choose-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { + background-color: var(--rz-upload-choose-hover-background-color); + color: var(--rz-upload-choose-hover-color); +} +.rz-fileupload-choose:not(.rz-state-disabled):active { + background-color: var(--rz-upload-choose-active-background-color); + color: var(--rz-upload-choose-active-color); +} + +.rz-fileupload-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.rz-fileupload-row > div { + margin: var(--rz-upload-files-margin); +} +.rz-fileupload-row .rz-button-text { + display: none; +} +.rz-fileupload-row .rz-button { + background-color: var(--rz-upload-files-remove-background-color); + color: var(--rz-upload-files-remove-color); +} +.rz-fileupload-row .rz-button .rzi-close, +.rz-fileupload-row .rz-button .rzi-times, +.rz-fileupload-row .rz-button .rz-icon-trash { + display: block; +} +.rz-fileupload-row .rz-button .rzi-close:before, +.rz-fileupload-row .rz-button .rzi-times:before, +.rz-fileupload-row .rz-button .rz-icon-trash:before { + content: "close"; +} + +.rz-fileupload-buttonbar { + position: relative; + background-color: var(--rz-upload-button-bar-background-color); + padding: var(--rz-upload-button-bar-padding); + border-radius: var(--rz-upload-button-bar-border-radius); +} +.rz-fileupload-buttonbar .rz-button:nth-child(3) { + float: right; + background-color: var(--rz-upload-cancel-background-color); + color: var(--rz-upload-cancel-color); +} + +.rz-fileupload-files { + background-color: var(--rz-upload-files-background-color); + padding: var(--rz-upload-files-padding); +} + +:root { + --rz-grid-data-border-shadow: none; + --rz-grid-cell-border: var(--rz-border-base-500); + --rz-grid-right-cell-border: none; + --rz-grid-bottom-cell-border: var(--rz-border-base-500); + --rz-grid-cell-padding: 0.625rem 1rem; + --rz-grid-cell-color: var(--rz-text-color); + --rz-grid-cell-font-size: 0.875rem; + --rz-grid-cell-line-height: var(--rz-body-line-height); + --rz-grid-hover-background-color: var(--rz-base-500); + --rz-grid-hover-color: var(--rz-text-title-color); + --rz-grid-selected-background-color: var(--rz-secondary-lighter); + --rz-grid-selected-color: var(--rz-on-secondary-lighter); + --rz-grid-stripe-background-color: var(--rz-base-800); + --rz-grid-toolbar-background-color: var(--rz-base-background-color); + --rz-grid-header-cell-border: none; + --rz-grid-header-cell-border-bottom: var(--rz-border-base-500); + --rz-grid-header-background-color: var(--rz-base-800); + --rz-grid-header-font-size: 0.875rem; + --rz-grid-header-line-height: 1.5rem; + --rz-grid-header-font-weight: 500; + --rz-grid-header-text-transform: none; + --rz-grid-header-color: var(--rz-text-title-color); + --rz-grid-header-cell-padding: 0.75rem 0; + --rz-grid-header-title-padding: 0 0 0 1rem; + --rz-grid-header-sorted-background-color: var(--rz-base-700); + --rz-grid-header-padding: 1rem; + --rz-grid-foot-cell-color: var(--rz-text-color); + --rz-grid-foot-background-color: var(--rz-base-700); + --rz-grid-filter-background-color: var(--rz-base-800); + --rz-grid-filter-padding: 0.5rem; + --rz-grid-filter-margin: 0; + --rz-grid-filter-border: none; + --rz-grid-filter-font-size: 0.875rem; + --rz-grid-filter-icon-width: var(--rz-icon-size); + --rz-grid-filter-icon-height: var(--rz-icon-size); + --rz-grid-filter-icon-margin: 0 0.25rem 0 0; + --rz-grid-filter-icon-font-size: 0.875rem; + --rz-grid-filter-color: var(--rz-text-tertiary-color); + --rz-grid-filter-focus-color: var(--rz-secondary); + --rz-grid-filter-gap: 1rem; + --rz-grid-filter-buttons-padding: 1rem; + --rz-grid-filter-buttons-border: none; + --rz-grid-filter-buttons-background-color: var(--rz-base-800); + --rz-grid-clear-filter-button-background-color: var(--rz-base-800); + --rz-grid-clear-filter-button-color: var(--rz-text-color); + --rz-grid-clear-filter-button-shadow: none; + --rz-grid-apply-filter-button-background-color: var(--rz-base-800); + --rz-grid-apply-filter-button-color: var(--rz-primary); + --rz-grid-apply-filter-button-shadow: none; + --rz-grid-header-filter-icon-margin: 0 1rem 0 auto; + --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color); + --rz-grid-header-filter-icon-active-color: var(--rz-primary); + --rz-grid-header-filter-icon-font-size: 1.25rem; + --rz-grid-border: var(--rz-border-base-500); + --rz-grid-border-radius: calc(var(--rz-border-radius) * 3); + --rz-grid-sort-icon-width: 1.25rem; + --rz-grid-sort-icon-height: 1.25rem; + --rz-grid-sort-icon-color: var(--rz-text-tertiary-color); + --rz-grid-shadow: none; + --rz-grid-background-color: var(--rz-base-900); + --rz-grid-column-resizer-width: 0.25rem; + --rz-grid-column-resizer-helper-width: 0.125rem; + --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); + --rz-grid-column-icon-width: 2rem; + --rz-grid-column-icon-padding: 0; + --rz-grid-detail-template-border: none; + --rz-grid-detail-template-border-radius: 0; + --rz-grid-detail-template-padding: 0; + --rz-grid-detail-template-background-color: var(--rz-base-600); + --rz-grid-loading-indicator-color: currentColor; + --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5); + --rz-grid-frozen-cell-border: var(--rz-border-base-500); + --rz-grid-frozen-cell-background-color: var(--rz-base-700); + --rz-grid-state-transition: var(--rz-transition-all); + --rz-grid-group-header-padding: 1rem; + --rz-grid-group-header-item-background-color: var(--rz-base-500); + --rz-grid-group-header-item-padding: 0.25rem 0.5rem 0.25rem 0.75rem; + --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0; + --rz-grid-group-header-item-border: var(--rz-border-base-500); + --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius)); + --rz-grid-group-header-items-margin: 0 0 -0.5rem 0; + --rz-column-drag-handle-color: var(--rz-text-disabled-color); + --rz-column-drag-handle-hover-color: var(--rz-text-title-color); + --rz-column-drag-handle-margin: 0; + --rz-column-draggable-shadow: var(--rz-shadow-4); +} + +.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 .rz-col-icon { + text-align: center; + vertical-align: middle; + width: var(--rz-grid-column-icon-width); + padding: var(--rz-grid-column-icon-padding); +} +.rz-datatable .rzi-chevron-circle-right { + vertical-align: top; +} +.rz-datatable .rzi-chevron-circle-right:before { + content: "arrow_right"; +} +.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; + top: 0; + right: 0; + height: 100%; + cursor: col-resize; + width: var(--rz-grid-column-resizer-width); +} +.rz-column-resizer:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: var(--rz-grid-column-resizer-helper-width); + background-color: transparent; +} +.rz-column-resizer:hover:after, .rz-column-resizer:active:after { + background-color: var(--rz-grid-column-resizer-helper-background-color); +} + +.rz-rowgroup-header .fa, +.rz-row-toggler { + color: var(--rz-grid-cell-color); +} + +.rz-datatable-scrollable-footer { + background-color: var(--rz-grid-header-background-color); + border-top: var(--rz-grid-cell-border); +} + +.rz-datatable-thead th, +.rz-grid-table thead th { + background-color: var(--rz-grid-header-background-color); + padding: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: var(--rz-grid-header-cell-border-bottom); +} +.rz-datatable-thead th:not(:last-child), +.rz-grid-table thead th:not(:last-child) { + border-right: var(--rz-grid-header-cell-border); +} +.rz-datatable-thead th > div:not(.rz-cell-filter), +.rz-grid-table thead th > div:not(.rz-cell-filter) { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + outline: none; + padding: var(--rz-grid-header-cell-padding); +} +.rz-datatable-thead th .rz-column-title, +.rz-grid-table thead th .rz-column-title { + display: inline-flex; + flex: auto; + width: 100%; + align-items: center; + 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: var(--rz-grid-header-title-padding); + font-weight: var(--rz-grid-header-font-weight); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content, +.rz-grid-table thead th .rz-column-title-content { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), +.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { + overflow: visible; +} +.rz-datatable-thead th.rz-text-align-center .rz-column-title, +.rz-grid-table thead th.rz-text-align-center .rz-column-title { + justify-content: center; + padding-left: 0; +} +.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th.rz-text-align-right .rz-column-title, +.rz-grid-table thead th.rz-text-align-right .rz-column-title { + justify-content: right; +} +.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, +.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { + padding-left: var(--rz-grid-sort-icon-width); +} +.rz-datatable-thead th .rz-column-drag + .rz-column-title, +.rz-grid-table thead th .rz-column-drag + .rz-column-title { + padding-left: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { + border-right: 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-paginator .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-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-right: 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-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td.rz-composite-cell, +.rz-grid-table td.rz-composite-cell { + border-right: var(--rz-grid-right-cell-border); +} +.rz-datatable-data td .rz-cell-data, +.rz-grid-table td .rz-cell-data { + color: var(--rz-grid-cell-color); + font-size: var(--rz-grid-cell-font-size); + line-height: var(--rz-grid-cell-line-height); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), +.rz-grid-table td .rz-cell-data:has(.rz-chkbox), +.rz-grid-table td .rz-cell-data:has(.rz-button) { + overflow: visible; +} +.rz-datatable-data td .rz-cell-toggle, +.rz-grid-table td .rz-cell-toggle { + display: flex; + align-items: center; + gap: 0.25rem; +} +.rz-datatable-data tr td:first-child, +.rz-grid-table tr td:first-child { + border-left: none; +} +.rz-datatable-data tr td:last-child:not(.rz-composite-cell), +.rz-grid-table tr td:last-child:not(.rz-composite-cell) { + border-right: 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-right: 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-right: 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-right: 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-right: 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); + background-color: var(--rz-grid-filter-background-color); + 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: var(--rz-grid-filter-icon-margin); + color: var(--rz-grid-filter-color); +} +.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { + margin-left: auto; +} +.rz-cell-filter .rz-cell-filter-label .rz-current-filter { + margin-left: 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 .rz-cell-data.rz-frozen-cell-left:before { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before { + z-index: -2; + background-color: var(--rz-grid-frozen-cell-background-color); +} +.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, +.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after { + z-index: -1; +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-selected-background-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { + color: var(--rz-grid-selected-color); +} +.rz-selectable tbody tr.rz-data-row.rz-state-disabled { + opacity: 0.5; + pointer-events: none; +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after { + background-color: var(--rz-grid-hover-background-color); +} +.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { + color: var(--rz-grid-hover-color); +} + +.rz-cell-filter-content { + display: flex; + flex: auto; + align-items: center; +} + +.rz-cell-filter-content { + color: var(--rz-grid-filter-color); + min-height: 1.375rem; +} + +.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: 10rem; +} +.rz-date-filter .rz-listbox .rz-listbox-item { + font-size: 0.875rem; +} +.rz-date-filter .rz-calendar-inline { + border-radius: var(--rz-border-radius); +} + +.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-date-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-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); +} + +.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); +} + +.rz-datatable-loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--rz-grid-loading-indicator-background-color); + z-index: 2; +} + +.rz-datatable-loading-content { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: var(--rz-grid-loading-indicator-color); + z-index: 2; +} +.rz-datatable-loading-content .rzi-circle-o-notch { + animation: rotation 0.5s linear infinite; + font-size: 2rem; +} +.rz-datatable-loading-content .rzi-circle-o-notch:before { + content: "refresh"; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@media (max-width: 768px) { + .rz-datatable-reflow .rz-data-grid-data > table, + .rz-datatable-reflow .rz-datatable-tablewrapper > table, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { + table-layout: auto; + display: block; + } + .rz-datatable-reflow .rz-data-grid-data > table > tbody, + .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, + .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { + display: block; + } + .rz-datatable-reflow thead th { + display: none; + } + .rz-datatable-reflow .rz-data-row { + display: block; + } + .rz-datatable-reflow .rz-data-row > td { + display: block; + width: 100% !important; + text-align: left !important; + border: none; + } + .rz-datatable-reflow .rz-data-row > td .rz-column-title { + display: block; + } +} +.rz-grid-filter { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1rem; +} +.rz-grid-filter .rz-dropdown, +.rz-grid-filter .rz-spinner, +.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-filter-buttons { + display: flex; + justify-content: space-between; + padding: var(--rz-grid-filter-buttons-padding); +} + +.rz-grid-filter-icon { + justify-self: flex-end; + color: var(--rz-grid-filter-color); + margin: var(--rz-grid-header-filter-icon-margin); + font-size: var(--rz-grid-header-filter-icon-font-size); + transition: var(--rz-grid-state-transition); +} +.rz-grid-filter-icon:hover { + cursor: pointer; + color: var(--rz-grid-header-filter-icon-hover-color); +} + +.rz-grid-filter-active { + color: var(--rz-grid-header-filter-icon-active-color) !important; +} + +.rz-data-grid { + display: flex; + flex-direction: column; +} + +.rz-data-grid-data { + overflow: auto; + flex: 1; + 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 { + 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-right: var(--rz-grid-frozen-cell-border) !important; +} +.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-left: 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: var(--rz-column-drag-handle-margin); +} +.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 { + background-color: var(--rz-grid-header-background-color); + padding: var(--rz-grid-group-header-padding); + border-bottom: var(--rz-grid-bottom-cell-border); + display: flex; + justify-content: space-between; + align-items: center; +} + +.rz-group-header-items { + margin: var(--rz-grid-group-header-items-margin); +} + +.rz-group-header-item { + display: flex; + align-items: center; + background-color: var(--rz-grid-group-header-item-background-color); + border: var(--rz-grid-group-header-item-border); + border-radius: var(--rz-grid-group-header-item-border-radius); + padding: var(--rz-grid-group-header-item-padding); + margin: var(--rz-grid-group-header-item-margin); + 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-right: 0.5rem; +} + +.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-right: 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: 0 0 0 0.5rem; + --rz-grid-filter-padding: 0.25rem 0.5rem; + --rz-grid-group-header-padding: 0.25rem; + --rz-grid-group-header-items-margin: 0 0 -0.25rem 0; + --rz-grid-group-header-item-padding: 0.125rem 0.25rem 0.125rem 0.5rem; + --rz-grid-group-header-item-margin: 0 0.25rem 0.25rem 0; + --rz-dialog-close-font-size: 1rem; +} +.rz-data-grid.rz-density-compact .rz-group-header-item-title { + margin-right: 0.25rem; +} + +:root { + --rz-paginator-background-color: transparent; + --rz-paginator-padding: 0.5rem 1rem; + --rz-paginator-border: none; + --rz-paginator-button-border-radius: 2rem; + --rz-paginator-numeric-button-background-color: transparent; + --rz-paginator-numeric-button-color: var(--rz-text-color); + --rz-paginator-numeric-button-border: none; + --rz-paginator-numeric-button-hover-background-color: var(--rz-base-500); + --rz-paginator-numeric-button-hover-color: var(--rz-text-title-color); + --rz-paginator-numeric-button-margin: 0 0.25rem; + --rz-paginator-numeric-button-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-selected-background-color: var(--rz-secondary-lighter); + --rz-paginator-numeric-button-selected-color: var(--rz-on-secondary-lighter); + --rz-paginator-numeric-button-selected-border: none; + --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem; + --rz-paginator-numeric-button-min-width: 3rem; + --rz-paginator-back-button-background-color: transparent; + --rz-paginator-back-button-color: var(--rz-text-color); + --rz-paginator-back-button-hover-background-color: var(--rz-base-500); + --rz-paginator-back-button-hover-color: var(--rz-text-title-color); + --rz-paginator-first-button-margin: 0 0.5rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.5rem; + --rz-paginator-next-button-background-color: transparent; + --rz-paginator-next-button-color: var(--rz-text-color); + --rz-paginator-next-button-hover-background-color: var(--rz-base-500); + --rz-paginator-next-button-hover-color: var(--rz-text-title-color); + --rz-paginator-dropdown-width: 80px; + --rz-paginator-dropdown-margin: 0 0 0 0.5rem; + --rz-paginator-summary-padding: 0 1.25rem 0 0; + --rz-paginator-summary-font-size: 0.875rem; + --rz-paginator-summary-color: var(--rz-text-tertiary-color); +} + +.rz-paginator { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + background-color: var(--rz-paginator-background-color); + padding: var(--rz-paginator-padding); +} +.rz-paginator.rz-align-right { + justify-content: flex-end; +} +.rz-paginator.rz-align-left { + justify-content: flex-start; +} +.rz-paginator.rz-align-center { + justify-content: center; +} +.rz-paginator .rzi-step-backward:before { + content: "first_page"; +} +.rz-paginator .rzi-caret-left:before { + content: "navigate_before"; +} +.rz-paginator .rzi-caret-right:before { + content: "navigate_next"; +} +.rz-paginator .rzi-step-forward:before { + content: "last_page"; +} +.rz-paginator .rz-dropdown { + order: 2; + width: var(--rz-paginator-dropdown-width); + margin-left: 1rem; + overflow: visible; +} +.rz-paginator .rz-pagesize-text { + order: 2; + margin: var(--rz-paginator-last-button-margin); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-paginator .rz-dropdown-items-wrapper { + width: var(--rz-paginator-dropdown-width-4px); +} + +.rz-paginator-element:hover, +.rz-paginator-page:hover { + background-color: var(--rz-paginator-numeric-button-hover-background-color); + color: var(--rz-paginator-numeric-button-hover-color); +} + +.rz-paginator-bottom { + border-top: var(--rz-paginator-border); +} + +.rz-paginator-pages { + display: inline-flex; + margin: 0 0.5rem; +} + +.rz-paginator-element { + letter-spacing: 0; +} + +.rz-paginator-first { + margin: var(--rz-paginator-first-button-margin); +} +.rz-align-center .rz-paginator-first { + margin-left: auto; +} + +.rz-paginator-prev { + margin-right: auto; +} +.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev { + margin: var(--rz-paginator-first-button-margin); +} + +.rz-paginator-next { + margin-left: auto; +} +.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next { + margin: var(--rz-paginator-last-button-margin); +} + +.rz-paginator-last { + margin: var(--rz-paginator-last-button-margin); +} +.rz-align-center .rz-paginator-last { + margin-right: auto; +} + +.rz-paginator-first, +.rz-paginator-prev { + background-color: var(--rz-paginator-back-button-background-color); + color: var(--rz-paginator-back-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-element:hover { + text-decoration: none; +} + +.rz-paginator-last, +.rz-paginator-next { + background-color: var(--rz-paginator-next-button-background-color); + color: var(--rz-paginator-next-button-color); + border-radius: var(--rz-paginator-button-border-radius); +} + +.rz-paginator-page { + display: inline-block; + min-width: var(--rz-paginator-numeric-button-min-width); + text-align: center; + margin: var(--rz-paginator-numeric-button-margin); + background-color: var(--rz-paginator-numeric-button-background-color); + border: var(--rz-paginator-numeric-button-border); + border-radius: var(--rz-paginator-button-border-radius); + padding: var(--rz-paginator-numeric-button-padding); + color: var(--rz-paginator-numeric-button-color); +} +.rz-paginator-page.rz-state-active { + background-color: var(--rz-paginator-numeric-button-selected-background-color); + color: var(--rz-paginator-numeric-button-selected-color); + border: var(--rz-paginator-numeric-button-selected-border); + padding: var(--rz-paginator-numeric-button-selected-padding); +} + +.rz-paginator-summary { + padding: var(--rz-paginator-summary-padding); + font-size: var(--rz-paginator-summary-font-size); + color: var(--rz-paginator-summary-color); +} +.rz-align-right .rz-paginator-summary { + margin-right: auto; +} +.rz-align-left .rz-paginator-summary { + order: 2; + margin-left: auto; + padding: 0; +} + +@media (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +@container rz-lookup-panel (max-width: 768px) { + .rz-paginator-page:not(.rz-state-active) { + display: none; + } + .rz-paginator { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 1rem; + grid-template-columns: repeat(9, 1fr); + text-align: center; + } + .rz-paginator .rz-dropdown { + grid-column: 1/4; + width: auto; + margin: 0 !important; + text-align: left; + } + .rz-paginator .rz-pagesize-text { + grid-column: 4/10; + margin: 0 !important; + text-align: left; + } + .rz-paginator-summary { + grid-column: 1/10; + padding: 0 !important; + text-align: left; + } + .rz-paginator-first { + grid-column: 1/3; + margin: 0 !important; + } + .rz-paginator-prev { + grid-column: 3/5; + margin: 0 !important; + } + .rz-paginator-pages { + grid-column: 5/6; + margin: 0 !important; + } + .rz-paginator-next { + grid-column: 6/8; + margin: 0 !important; + } + .rz-paginator-last { + grid-column: 8/10; + margin: 0 !important; + } +} +.rz-paginator.rz-density-compact { + --rz-paginator-padding: 0.25rem; + --rz-paginator-numeric-button-margin: 0 0.125rem; + --rz-paginator-first-button-margin: 0 0.25rem 0 0; + --rz-paginator-last-button-margin: 0 0 0 0.25rem; + --rz-paginator-dropdown-margin: 0 0 0 0.25rem; + --rz-paginator-summary-padding: 0 0.5rem 0 0; +} +:root { + --rz-overlay-shadow: var(--rz-shadow-2); + --rz-overlay-border: none; + --rz-overlay-background-color: var(--rz-base-600); +} + +.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); +} + +:root { + --rz-tree-background-color: transparent; + --rz-tree-node-padding: 0.25rem 0.5rem; + --rz-tree-node-selected-background-color: var(--rz-secondary-lighter); + --rz-tree-node-selected-color: var(--rz-on-secondary-lighter); + --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) * 5); + --rz-tree-node-margin: 0; + --rz-tree-node-hover-background-color: var(--rz-base-500); + --rz-tree-node-hover-color: var(--rz-text-color); + --rz-tree-node-toggle-width: 2rem; + --rz-tree-node-toggle-color: var(--rz-text-tertiary-color); + --rz-tree-node-toggle-hover-color: var(--rz-text-color); + --rz-tree-transition: var(--rz-transition-all); +} + +.rz-tree { + display: inline-block; + overflow: auto; +} + +.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler { + visibility: hidden; +} + +.rz-treenode { + padding-left: var(--rz-tree-node-toggle-width); +} + +.rz-tree-toggler { + cursor: pointer; + margin-left: calc(var(--rz-tree-node-toggle-width) * -1); + width: var(--rz-tree-node-toggle-width); + height: 1.5rem; + font-size: var(--rz-icon-size); + line-height: 1.5rem; + text-align: center; + color: var(--rz-tree-node-toggle-color); + transition: var(--rz-tree-transition); +} +.rz-tree-toggler.rzi-caret-right:before { + content: "chevron_right"; + margin-left: -0.125rem; +} +.rz-tree-toggler.rzi-caret-down:before { + content: "expand_more"; + margin-left: -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: var(--rz-tree-node-margin); +} +.rz-treenode-content .rz-treenode-label { + display: flex; + align-items: center; + padding: var(--rz-tree-node-padding); +} +.rz-treenode-content .rz-treenode-label .rzi:first-child { + margin-right: 0.25rem; +} +.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-right: 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); +} + +:root { + --rz-datalist-background-color: var(--rz-base-background-color); + --rz-datalist-shadow: var(--rz-shadow-1); + --rz-datalist-padding: 0.5rem; + --rz-datalist-border: none; + --rz-datalist-border-radius: calc(var(--rz-border-radius) * 3); + --rz-datalist-item-shadow: var(--rz-shadow-0); + --rz-datalist-item-border: none; + --rz-datalist-item-vertical-margin: 0.5rem; + --rz-datalist-item-horizontal-margin: 0.5rem; + --rz-datalist-item-padding: 1rem; + --rz-datalist-item-background-color: rgba(196, 201, 208, 0.09); +} + +.rz-datalist, +.rz-datagrid { + background-color: var(--rz-datalist-background-color); + border-bottom-right-radius: var(--rz-datalist-border-radius); + border-bottom-left-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: var(--rz-datalist-item-vertical-margin); +} +.rz-datalist-data > li:first-child { + margin-top: 0; +} +.rz-datalist-data > li:last-child { + margin-bottom: 0; +} + +.rz-g { + display: flex; + flex-wrap: wrap; +} +.rz-g > div { + flex: auto; + margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin); +} + +.rz-datalist-content { + position: relative; +} + +:root { + --rz-datafilter-item-padding-y: 0.25rem; + --rz-datafilter-item-padding-left: 2rem; + --rz-datafilter-item-indentation: 0.25rem; + --rz-datafilter-item-path-width: 1rem; + --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2)); + --rz-datafilter-item-path-border: var(--rz-border-normal); + --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius)); +} + +.rz-datafilter { + display: flex; + flex-wrap: wrap; + column-gap: 0.25rem; + align-items: center; +} +.rz-datafilter .rz-selectbutton { + display: inline-flex; +} +.rz-datafilter .rz-datafilter-group { + position: relative; + margin: 0.25rem 0 0; + padding: 0; + flex-basis: 100%; +} +.rz-datafilter .rz-datafilter-group .rz-datafilter-group { + margin: 0; +} +.rz-datafilter .rz-datafilter-item { + position: relative; + list-style: none; + margin: 0; + padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); + 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); + top: 0; + bottom: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-left: 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-y) + var(--rz-input-height) / 2); + top: 0; + left: calc(var(--rz-datafilter-item-padding-left) / 2); + border: 0; + border-bottom: var(--rz-datafilter-item-path-border); + border-left: 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: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation)); +} +.rz-datafilter .rz-datafilter-bar:before { + display: none; +} +.rz-datafilter .rz-datafilter-bar:after { + height: calc(var(--rz-input-height) / 2); + border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius); +} +.rz-datafilter .rz-datafilter-bar .rz-splitbutton { + margin-top: 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; +} + +:root { + --rz-scheduler-border: var(--rz-border-base-300); + --rz-scheduler-border-color: var(--rz-base-300); + --rz-scheduler-minor-border-color: var(--rz-base-600); + --rz-scheduler-border-radius: calc(var(--rz-border-radius) * 3); + --rz-scheduler-shadow: var(--rz-shadow-0); + --rz-scheduler-background-color: var(--rz-base-background-color); + --rz-scheduler-color: var(--rz-text-tertiary-color); + --rz-scheduler-toolbar-padding: 0.5rem; + --rz-scheduler-toolbar-background-color: var(--rz-base-background-color); + --rz-scheduler-toolbar-title-font-size: 1.5rem; + --rz-scheduler-toolbar-title-font-weight: 700; + --rz-scheduler-toolbar-title-color: var(--rz-text-title-color); + --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color); + --rz-scheduler-prev-next-button-color: var(--rz-text-color); + --rz-scheduler-prev-next-button-padding: 0.5rem; + --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size); + --rz-scheduler-prev-button-border-radius: 2rem; + --rz-scheduler-next-button-border-radius: 2rem; + --rz-scheduler-today-button-margin-left: 1rem; + --rz-scheduler-today-button-padding: 0.5rem 1rem; + --rz-scheduler-today-button-font-size: 0.875rem; + --rz-scheduler-today-button-text-transform: capitalize; + --rz-scheduler-view-button-border: var(--rz-border-base-200); + --rz-scheduler-view-button-color: var(--rz-text-secondary-color); + --rz-scheduler-view-button-background-color: var(--rz-base-background-color); + --rz-scheduler-view-selected-color: var(--rz-on-secondary-lighter); + --rz-scheduler-view-selected-background-color: var(--rz-secondary-lighter); + --rz-scheduler-view-selected-border-color: var(--rz-base-200); + --rz-scheduler-header-background-color: var(--rz-base-background-color); + --rz-scheduler-header-font-size: 0.75rem; + --rz-scheduler-header-font-size-small: 0.5rem; + --rz-scheduler-header-text-transform: normal; + --rz-scheduler-header-color: inherit; + --rz-scheduler-header-border: var(--rz-border-base-300); + --rz-scheduler-header-padding: 0.5rem 0; + --rz-scheduler-event-color: var(--rz-on-primary); + --rz-scheduler-event-background-color: var(--rz-primary); + --rz-scheduler-event-font-size: 0.75rem; + --rz-scheduler-event-line-height: 1.25rem; + --rz-scheduler-event-padding: 0 1px 1px 1px; + --rz-scheduler-event-content-padding: 0.125rem 0.5rem; + --rz-scheduler-event-list-button-color: var(--rz-secondary); + --rz-scheduler-event-list-button-font-size: 0.75rem; + --rz-scheduler-slot-title-font-size: 0.875rem; + --rz-scheduler-slot-title-font-size-small: 0.6rem; + --rz-scheduler-slot-title-padding: 0 0.25rem; + --rz-scheduler-day-number-padding: 0 0.5rem; + --rz-scheduler-weekend-color: var(--rz-text-tertiary-color); + --rz-scheduler-weekend-background-color: var(--rz-base-600); + --rz-scheduler-other-month-background-color: var(--rz-base-500); + --rz-scheduler-timeline-slot-width: 7rem; + --rz-scheduler-timeline-slot-height: 7rem; + --rz-scheduler-year-padding: 1.5rem; + --rz-scheduler-year-slot-padding: 0.25rem; + --rz-scheduler-year-slot-title-width: fit-content; + --rz-scheduler-year-slot-title-border-radius: 50%; + --rz-scheduler-planner-slot-width: 3rem; + --rz-scheduler-planner-slot-height: 4.5rem; +} + +.rz-scheduler { + 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-left: 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-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} + +.rz-slot-title { + text-align: right; + font-size: var(--rz-scheduler-slot-title-font-size); + padding: var(--rz-scheduler-slot-title-padding); +} + +.rz-slot-hours .rz-slot-header { + height: 1.5rem; + text-align: right; + font-size: var(--rz-scheduler-header-font-size); + padding: 0 0.25rem; + width: 5rem; + border-right: 1px solid var(--rz-scheduler-border-color); + white-space: nowrap; +} + +.rz-slot-minor { + border-top: 1px solid var(--rz-scheduler-minor-border-color); +} + +.rz-day-view .rz-slot, +.rz-slots:first-child .rz-slot { + border-left: none; +} + +.rz-event { + position: absolute; + padding: var(--rz-scheduler-event-padding); + 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-top: var(--rz-scheduler-header-border); + border-bottom: 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); +} +.rz-view-header .rz-slot-hour-header { + flex: none; + width: 80px; +} + +.rz-view { + display: flex; + flex-direction: column; + flex: 1; +} + +.rz-view-content { + flex: auto; + display: flex; + overflow: auto; + height: 0; +} + +.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; +} +.rz-scheduler-nav-views .rz-button.rz-primary:first-child { + border-top-left-radius: var(--rz-scheduler-border-radius); + border-bottom-left-radius: var(--rz-scheduler-border-radius); + border-right: none; +} +.rz-scheduler-nav-views .rz-button.rz-primary:last-child { + border-top-right-radius: var(--rz-scheduler-border-radius); + border-bottom-right-radius: var(--rz-scheduler-border-radius); + border-left: none; +} +.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-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: var(--rz-scheduler-prev-next-button-padding); + font-size: var(--rz-scheduler-prev-next-button-font-size); +} +.rz-scheduler-nav-prev-next .rz-button.rz-today { + margin-left: var(--rz-scheduler-today-button-margin-left); + 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-radius: var(--rz-scheduler-prev-button-border-radius); +} +.rz-scheduler-nav-prev-next .rz-button.rz-next { + border-radius: var(--rz-scheduler-next-button-border-radius); +} + +.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-top: none; +} + +.rz-month { + flex: 1; + font-size: 1rem; +} +.rz-month .rz-slots { + display: flex; + height: 100%; +} +.rz-month:nth-child(2) .rz-slot { + border-top: none; +} +.rz-month .rz-slot { + flex: 1; + height: 100%; + display: flex; + border-top: 1px solid var(--rz-scheduler-border-color); + border-left: 1px solid var(--rz-scheduler-border-color); +} +.rz-month .rz-slot:first-child { + position: sticky; + z-index: 9998; + left: 0; + justify-content: center; + align-items: center; + background-color: var(--rz-scheduler-header-background-color); + border-left: none; + border-right: 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-left: none; +} + +.rz-day-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-day-view .rz-view-header { + padding-right: 15px; +} + +.rz-week-view-content { + flex: 1; + display: flex; +} + +.rz-week-view .rz-slot:nth-of-type(2) { + border-top: none; +} +.rz-week-view .rz-view-header { + padding-right: 15px; +} + +.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-left: none; +} + +.rz-planner-view { + overflow: auto; +} +.rz-planner-view .rz-view-header { + position: sticky; + top: 0px; + min-height: 2.25rem; + z-index: 9999; +} +.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; + top: 0px; + min-height: 36px; + z-index: 9999; +} +.rz-timeline-view .rz-view-header .rz-slot-header { + min-width: var(--rz-scheduler-timeline-slot-width); + flex: 0 0 auto; +} +.rz-timeline-view .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-top: 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:hover .rz-slot-title:not(.rz-has-appointments) { + color: var(--rz-datepicker-calendar-hover-color); + background: var(--rz-datepicker-calendar-hover-background-color); +} + +@media (max-width: 576px) { + .rz-scheduler-nav .rz-scheduler-nav-prev-next { + justify-content: space-between; + margin-bottom: 0.5rem; + margin-right: 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-bottom: 0.5rem; + justify-content: center; + flex-grow: 1; + order: 2; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button { + flex-grow: 1; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { + display: none; + } + .rz-slot-hours .rz-slot-header { + width: auto; + } +} +@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); + } +} +:root { + --rz-tabs-padding: 1rem; + --rz-tabs-shadow: none; + --rz-tabs-border: none; + --rz-tabs-border-radius: 0; + --rz-tabs-background-color: transparent; + --rz-tabs-tab-font-size: 0.875rem; + --rz-tabs-tab-line-height: 1.5rem; + --rz-tabs-tab-font-weight: 500; + --rz-tabs-tab-text-transform: none; + --rz-tabs-tab-letter-spacing: 0.1px; + --rz-tabs-tab-padding: 0.75rem 1rem; + --rz-tabs-tab-background-color: transparent; + --rz-tabs-tab-color: var(--rz-text-secondary-color); + --rz-tabs-tab-selected-color: var(--rz-primary); + --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); + --rz-tabs-tab-hover-background-color: transparent; + --rz-tabs-tab-hover-color: var(--rz-primary); + --rz-tabs-icon-font-size: var(--rz-icon-size); + --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem; + --rz-tabs-transition: var(--rz-transition-all); +} + +.rz-tabview { + display: flex; +} +.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); + 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); +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a { + color: var(--rz-tabs-tab-hover-color); +} +.rz-tabview-nav li a { + display: flex; + align-items: center; + color: var(--rz-tabs-tab-color); + padding: var(--rz-tabs-tab-padding); + 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; +} +.rz-tabview-nav li a:hover { + text-decoration: none; +} +.rz-tabview-nav li.rz-state-disabled { + opacity: 0.5; +} +.rz-tabview-nav .rz-tabview-selected { + background-color: var(--rz-tabs-background-color); + position: relative; +} +.rz-tabview-nav .rz-tabview-selected a { + color: var(--rz-tabs-tab-selected-color); +} +.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: flex-end; +} +.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: flex-end; +} +.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); +} + +.rz-tabview-panels { + background-color: var(--rz-tabs-background-color); + border: var(--rz-tabs-border); + box-shadow: var(--rz-tabs-shadow); + flex: 1; + overflow: auto; +} +.rz-tabview-top > .rz-tabview-panels { + border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); +} +.rz-tabview-bottom > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; +} +.rz-tabview-left > .rz-tabview-panels { + border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-panels { + border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .rz-tabview-panels { + flex: auto; + } +} +.rz-tabview-panel { + padding: var(--rz-tabs-padding); +} + +.rz-tabview-left-icon { + font-size: var(--rz-tabs-icon-font-size); + margin: var(--rz-tabs-icon-margin); +} + +:root { + --rz-tooltip-background-color: var(--rz-base-50); + --rz-tooltip-color: var(--rz-base-800); + --rz-tooltip-shadow: none; + --rz-tooltip-padding: 0.25rem 0.5rem; + --rz-tooltip-border-radius: var(--rz-border-radius); + --rz-tooltip-font-size: 0.75rem; +} + +.rz-tooltip { + 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; + bottom: 0; + left: 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; + top: 0; + left: 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; +} + +:root { + --rz-dialog-background-color: var(--rz-base-600); + --rz-dialog-shadow: var(--rz-shadow-0); + --rz-dialog-title-background-color: var(--rz-base-600); + --rz-dialog-title-border: none; + --rz-dialog-title-padding: 1.5rem 1.5rem 0 1.5rem; + --rz-dialog-title-font-size: 1.5rem; + --rz-dialog-title-line-height: 2rem; + --rz-dialog-title-font-weight: 400; + --rz-dialog-title-letter-spacing: normal; + --rz-dialog-title-color: var(--rz-text-title-color); + --rz-dialog-close-font-size: var(--rz-icon-size); + --rz-dialog-close-color: var(--rz-text-color); + --rz-dialog-close-hover-color: var(--rz-text-title-color); + --rz-dialog-close-vertical-align: middle; + --rz-dialog-content-padding: 1.5rem; + --rz-dialog-mask-background-color: var(--rz-base-900); + --rz-dialog-border-radius: calc(var(--rz-border-radius) * 7); + --rz-dialog-mask-zindex: 1000; + --rz-dialog-zindex: 1001; +} + +.rz-dialog-wrapper { + 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 { + position: absolute; + overflow: hidden; + display: flex; + flex-direction: column; + min-width: 150px; + max-height: 100%; + min-height: 150px; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); +} + +.rz-dialog-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-titlebar-close { + float: right; +} +.rz-dialog-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 { + content: "close"; +} +.rz-dialog-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-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-bottom: 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: right; + 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%; + top: 0; + left: 0; + background-color: var(--rz-dialog-mask-background-color); + opacity: 0.5; +} + +.no-scroll { + overflow: hidden; + padding-right: 15px; +} + +@media (max-width: 768px) { + .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { + position: absolute; + width: 100% !important; + top: 0px !important; + border-radius: 0; + } + .rz-dialog-content { + -webkit-overflow-scrolling: touch; + } + .rz-dialog-confirm, .rz-dialog-alert { + max-width: 355px; + } + .no-scroll { + padding-right: 0; + } +} +.rz-dialog-side { + position: fixed; + z-index: var(--rz-dialog-zindex); + opacity: 1; + background-color: var(--rz-dialog-background-color); + box-shadow: var(--rz-dialog-shadow); + border-radius: var(--rz-dialog-border-radius); + overflow-y: auto; +} + +.rz-dialog-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%; +} + +.rz-dialog-side-titlebar { + background-color: var(--rz-dialog-title-background-color); + padding: var(--rz-dialog-title-padding); + font-size: var(--rz-dialog-title-font-size); + line-height: var(--rz-dialog-title-line-height); + border-bottom: var(--rz-dialog-title-border); +} + +.rz-dialog-side-title { + font-weight: var(--rz-dialog-title-font-weight); + letter-spacing: var(--rz-dialog-title-letter-spacing); + color: var(--rz-dialog-title-color); +} + +.rz-dialog-side-titlebar-close { + float: right; +} +.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-side-titlebar-close .rzi-times:before { + content: "close"; +} +.rz-dialog-side-titlebar-close:hover .rzi-times { + color: var(--rz-dialog-close-hover-color); +} + +.rz-dialog-side-content { + flex: 0 1 auto; + padding: var(--rz-dialog-content-padding); + overflow: auto; +} + +:root { + --rz-notification-padding: 1rem 1.25rem; + --rz-notification-icon-margin: 0 0.625rem 0 0; + --rz-notification-container-background-color: transparent; + --rz-notification-shadow: var(--rz-shadow-2); + --rz-notification-border-radius: calc(var(--rz-border-radius) * 3); + --rz-notification-success-color: var(--rz-on-success); + --rz-notification-success-background-color: var(--rz-success); + --rz-notification-success-icon-color: var(--rz-on-success); + --rz-notification-warning-color: var(--rz-on-warning); + --rz-notification-warning-background-color: var(--rz-warning); + --rz-notification-warning-icon-color: var(--rz-on-warning); + --rz-notification-error-color: var(--rz-on-danger); + --rz-notification-error-background-color: var(--rz-danger); + --rz-notification-error-icon-color: var(--rz-on-danger); + --rz-notification-info-color: var(--rz-on-info); + --rz-notification-info-background-color: var(--rz-info); + --rz-notification-info-icon-color: var(--rz-on-info); +} + +.rz-growl { + position: fixed; + top: 100px; + right: 20px; + min-width: 20rem; +} + +.rz-growl-item-container { + background-color: var(--rz-notification-container-background-color); +} + +.rz-growl-item { + border-radius: var(--rz-notification-border-radius); + box-shadow: var(--rz-notification-shadow); + padding: var(--rz-notification-padding); +} + +.rz-growl-message-success .rz-growl-item { + color: var(--rz-notification-success-color); + background-color: var(--rz-notification-success-background-color); +} + +.rz-growl-message-warn .rz-growl-item { + color: var(--rz-notification-warning-color); + background-color: var(--rz-notification-warning-background-color); +} + +.rz-growl-message-error .rz-growl-item { + color: var(--rz-notification-error-color); + background-color: var(--rz-notification-error-background-color); +} + +.rz-growl-message-info .rz-growl-item { + color: var(--rz-notification-info-color); + background-color: var(--rz-notification-info-background-color); +} + +.rz-growl-item { + margin: 1rem 0; +} +.rz-growl-item p { + color: inherit; +} + +.rz-growl-icon-close { + float: right; +} +.rz-growl-icon-close:before { + content: "close"; +} + +.rz-growl-image { + float: left; + margin: var(--rz-notification-icon-margin); +} +.rz-growl-image.rzi-check { + color: var(--rz-notification-success-icon-color); +} +.rz-growl-image.rzi-check:before { + content: "check"; +} +.rz-growl-image.rzi-exclamation-triangle { + color: var(--rz-notification-warning-icon-color); +} +.rz-growl-image.rzi-exclamation-triangle:before { + content: "warning"; +} +.rz-growl-image.rzi-info-circle { + color: var(--rz-notification-info-icon-color); +} +.rz-growl-image.rzi-info-circle:before { + content: "info"; +} +.rz-growl-image.rzi-times { + color: var(--rz-notification-error-icon-color); +} +.rz-growl-image.rzi-times:before { + content: "error"; +} + +.rz-growl-title { + font-weight: bold; +} + +.rz-growl-message p { + display: inline-block; + margin-bottom: 0; +} + +:root { + --rz-form-error-color: var(--rz-danger-light); + --rz-form-error-font-size: 0.75rem; + --rz-form-group-margin-bottom: 1.5rem; + --rz-validator-background-color: var(--rz-danger); + --rz-validator-color: var(--rz-text-contrast-color); + --rz-validator-shadow: 0 6px 14px 0 rgba(179, 38, 30, 0.3); + --rz-validator-text-padding: 0; + --rz-validator-padding: 0.25rem 0.5rem; + --rz-validator-pointer-size: 0.375rem; + --rz-validator-transform: translateY(12px); +} + +.rz-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; + top: 0; + left: 0; + transform: translate(var(--rz-validator-pointer-size), -100%); +} + +:root { + --rz-scrollbar-background-color: transparent; + --rz-scrollbar-color: rgba(255, 255, 255, 0.12); + --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius)); + --rz-scrollbar-size: 16px; +} + +.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); +} + +:root { + --rz-login-register-background-color: var(--rz-base-600); + --rz-login-register-padding: 1rem; + --rz-login-register-margin: 2rem 0 0; + --rz-login-register-button-margin: 0; +} + +.rz-login { + 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-right: 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: var(--rz-login-register-margin); + padding: var(--rz-login-register-padding); + border-radius: var(--rz-border-radius); +} +.rz-login .rz-register .rz-button { + margin: var(--rz-login-register-button-margin); +} +.rz-login .rz-login-buttons { + display: inline-flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + gap: 0.5rem; +} + +:root { + --rz-lookup-panel-background-color: var(--rz-base-600); + --rz-lookup-panel-padding: 1rem; +} + +.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; + margin-bottom: 1rem; +} +.rz-lookup-search input { + flex: auto; + margin-right: 1rem; +} + +.rz-lookup-select { + margin-top: 1rem; + display: flex; + justify-content: flex-end; +} + +.rz-lookup { + display: inline-block; +} +.rz-lookup .rz-dropdown { + width: 100%; +} + +.ssrsviewer { + display: flex; +} +.ssrsviewer iframe { + flex: auto; +} + +:root { + --rz-map-height: 10rem; + --rz-map-padding: 1.25rem; + --rz-map-background-color: var(--rz-base-background-color); + --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); +} + +.rz-map { + 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%; +} + +:root { + --rz-gauge-scale-color: var(--rz-base-300); + --rz-gauge-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-scale-font-size: var(--rz-body-font-size); + --rz-gauge-pointer-color: var(--rz-text-secondary-color); + --rz-gauge-arc-scale-color: var(--rz-base-300); + --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color); + --rz-gauge-arc-value-color: var(--rz-secondary); +} + +.rz-gauge, +.rz-arc-gauge { + 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); +} + +:root { + --rz-progressbar-background-color: var(--rz-base-500); + --rz-progressbar-font-size: var(--rz-body-font-size); + --rz-progressbar-height: 0.25rem; + --rz-progressbar-border-radius: 0; + --rz-progressbar-value-background-color: var(--rz-primary); + --rz-progressbar-value-transition: var(--rz-transition-all); + --rz-progressbar-circular-stroke-width: 0; + --rz-progressbar-circular-value-stroke-width: 3px; + --rz-progressbar-circular-value-endpoint: square; +} + +.rz-progressbar { + 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: 100%; + transition: var(--rz-progressbar-value-transition); +} + +.rz-progressbar-label { + position: relative; + width: 100%; + text-align: center; + font-size: var(--rz-progressbar-font-size); + line-height: var(--rz-progressbar-font-size); +} + +.rz-progressbar-circular { + 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; +} +.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; +} +@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%; + } +} +.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-text-contrast-color); +} + +.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-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.rz-progressbar-secondary { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-danger { + color: var(--rz-text-contrast-color); +} + +.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-text-contrast-color); +} + +.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-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); +} + +:root { + --rz-chart-axis-color: var(--rz-base-300); + --rz-chart-axis-label-color: var(--rz-text-secondary-color); + --rz-chart-axis-font-size: 0.875rem; + --rz-chart-legend-font-size: 0.875rem; + --rz-chart-tooltip-background: var(--rz-base-background-color); + --rz-chart-tooltip-color: var(--rz-text-color); + --rz-chart-marker-stroke: var(--rz-base-background-color); +} + +.rz-chart { + 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; +} + +.rz-category-axis .rz-tick-text { + text-anchor: middle; +} + +.rz-axis .rz-axis-title { + stroke: none; + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-title { + text-anchor: middle; + fill: var(--rz-text-title-color); +} + +.rz-donut-content { + height: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.rz-legend { + position: absolute; + display: flex; + font-size: var(--rz-chart-legend-font-size); +} + +.rz-legend-right { + right: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-left { + left: 0; + top: 0; + bottom: 0; + align-items: center; +} + +.rz-legend-top { + top: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-bottom { + bottom: 0; + left: 0; + right: 0; + justify-content: center; +} + +.rz-legend-items { + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 100%; +} + +.rz-legend-item { + align-items: center; + display: flex; +} + +.rz-legend-top .rz-legend-item, +.rz-legend-bottom .rz-legend-item { + display: inline-flex; +} + +.rz-legend-item-text { + padding: 4px; +} + +.rz-chart-tooltip { + position: absolute; + transform: translate(-50%, -100%); + transition: top 0.2s, left 0.2s; + top: 0; + left: 0; +} + +.rz-chart-tooltip-content { + background: var(--rz-chart-tooltip-background); + color: var(--rz-chart-tooltip-color); + box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15); + padding: 0.25rem 0.5rem; + border-radius: var(--rz-border-radius); + white-space: nowrap; +} + +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { + margin-bottom: 15px; +} +.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { + content: " "; + position: absolute; + width: 8px; + height: 8px; + left: 50%; + bottom: 0; + background-color: inherit; + transform-origin: center; + transform: translate(-50%, -11px) rotate(45deg); + border-bottom: inherit; + border-right: inherit; +} + +.rz-link { + color: var(--rz-link-color); + text-decoration: none; + cursor: pointer; +} +.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-state-highlight .link { + color: var(--rz-text-contrast-color); +} + +:root { + --rz-editor-border: var(--rz-border-base-300); + --rz-editor-border-radius: var(--rz-border-radius); + --rz-editor-toolbar-background-color: var(--rz-base-background-color); + --rz-editor-toolbar-item-margin: 0.25rem 0.125rem; + --rz-editor-button-padding: 0.5rem; + --rz-editor-button-background-color: var(--rz-base-background-color); + --rz-editor-button-color: var(--rz-text-color); + --rz-editor-button-disabled-color: var(--rz-text-disabled-color); + --rz-editor-button-selected-background-color: var(--rz-secondary-lighter); + --rz-editor-button-selected-color: var(--rz-secondary); + --rz-editor-separator-background-color: var(--rz-base-500); + --rz-editor-content-background-color: var(--rz-base-background-color); +} + +.rz-html-editor { + display: flex; + flex-direction: column; + border-radius: var(--rz-editor-border-radius); + border: var(--rz-editor-border); +} + +.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; +} + +:root { + --rz-colorpicker-panel-border: none; + --rz-colorpicker-panel-background-color: var(--rz-base-600); + --rz-colorpicker-panel-shadow: var(--rz-shadow-2); + --rz-colorpicker-panel-padding: 0.5rem; + --rz-colorpicker-panel-max-width: 20rem; + --rz-colorpicker-saturation-height: 200px; + --rz-colorpicker-value-border-radius: 1rem; + --rz-colorpicker-item-size: 1.25rem; + --rz-colorpicker-item-border-radius: 1rem; + --rz-colorpicker-item-margin: 0.25rem; + --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-handle-size: 12px; + --rz-colorpicker-handle-border: 2px solid var(--rz-white); + --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; + --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-hex-input-height: 2rem; + --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; + --rz-colorpicker-rgba-input-height: 2rem; + --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); +} + +.rz-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-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-top-left-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-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-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-right: 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, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 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; +} + +.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:not(:last-child) { + margin-right: 4px; +} +.rz-color-box .rz-textbox { + width: 80px; + margin-right: 4px; + padding: var(--rz-colorpicker-hex-input-padding); + height: var(--rz-colorpicker-hex-input-height); +} +.rz-color-box .rz-spinner { + padding: var(--rz-colorpicker-rgba-input-padding); + height: var(--rz-colorpicker-rgba-input-height); +} +.rz-color-box .rz-spinner .rz-spinner-input { + padding: 0; + outline: none; +} +.rz-color-box .rz-spinner button { + display: none; +} +.rz-color-box .rz-spinner 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; + margin-left: -4px; + margin-right: -4px; +} + +.rz-colorpicker-item { + width: var(--rz-colorpicker-item-size); + height: var(--rz-colorpicker-item-size); + border-radius: var(--rz-colorpicker-item-border-radius); + margin: var(--rz-colorpicker-item-margin); + box-shadow: var(--rz-colorpicker-item-shadow); + cursor: pointer; +} + +:root { + --rz-splitter-bar-color: var(--rz-text-secondary-color); + --rz-splitter-bar-color-active: var(--rz-on-primary); + --rz-splitter-bar-background-color: var(--rz-base-400); + --rz-splitter-bar-background-color-active: var(--rz-primary); + --rz-splitter-bar-hover-opacity: 1; +} + +.rz-splitter { + 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: "Material Icons"; + 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: "Material Icons"; + 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; +} + +:root { + --rz-layout-background-color: var(--rz-body-background-color); +} + +.rz-layout { + height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer"; + background-color: var(--rz-layout-background-color); +} +.rz-layout .rz-body { + grid-area: rz-body; + overflow: auto; +} +.rz-layout .rz-sidebar { + grid-area: rz-sidebar; + position: static; +} +.rz-layout .rz-header { + grid-area: rz-header; + z-index: 2; +} +.rz-layout .rz-footer { + grid-area: rz-footer; +} + +@media (max-width: 768px) { + body:has(> .rz-layout) { + overflow-x: hidden; + } + .rz-header, + .rz-footer, + .rz-body { + width: 100vw; + } +} +.rz-breadcrumb { + display: flex; + align-items: center; +} + +.rz-breadcrumb-item + .rz-breadcrumb-item::before { + content: "»"; + display: inline-block; + padding-left: 0.5rem; + padding-right: 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; +} + +:root { + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 1rem; + --rz-alert-gap: 1rem; + --rz-alert-color: var(--rz-text-color); + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-box-shadow: var(--rz-shadow-1); + --rz-alert-border-radius: calc(var(--rz-border-radius) * 3); + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-title-color: var(--rz-text-h6-color); + --rz-alert-icon-color: var(--rz-alert-color); + --rz-alert-icon-margin: 0.125rem 0; + --rz-alert-icon-size: var(--rz-icon-size); +} + +.rz-alert { + display: flex; + align-items: flex-start; + gap: var(--rz-alert-gap); + margin: var(--rz-alert-margin); + padding: var(--rz-alert-padding); + width: 100%; + border-radius: var(--rz-alert-border-radius); + background-color: var(--rz-alert-background-color); + color: var(--rz-alert-color); +} +.rz-alert-lg { + --rz-alert-gap: 1.5rem; + --rz-alert-margin: 1.5rem 0; + --rz-alert-padding: 1.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-md { + --rz-alert-gap: 1rem; + --rz-alert-margin: 1rem 0; + --rz-alert-padding: 1rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-sm { + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0.5rem 0; + --rz-alert-padding: 0.5rem; + --rz-alert-message-margin: 0.125rem 0; + --rz-alert-icon-margin: 0.125rem 0; +} +.rz-alert-xs { + --rz-alert-gap: 0.25rem; + --rz-alert-margin: 0.25rem 0; + --rz-alert-padding: 0.25rem; + --rz-alert-message-margin: 0; + --rz-alert-icon-margin: 0; +} +.rz-alert .rz-alert-item { + flex: auto; + display: flex; + align-items: flex-start; + justify-content: flex-start; + gap: var(--rz-alert-gap); +} +.rz-alert .rz-alert-icon { + color: var(--rz-alert-icon-color); + margin: var(--rz-alert-icon-margin); + font-size: var(--rz-alert-icon-size); +} +.rz-alert .rz-alert-message { + flex: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: var(--rz-alert-message-margin); +} +.rz-alert .rz-alert-title { + font-family: var(--rz-text-font-family); + font-size: var(--rz-text-h6-font-size); + line-height: var(--rz-text-h6-line-height); + font-weight: var(--rz-text-h6-font-weight); + letter-spacing: var(--rz-text-h6-letter-spacing); + color: var(--rz-alert-title-color); + margin-bottom: var(--rz-text-h6-margin-bottom); +} +.rz-alert.rz-variant-filled { + box-shadow: var(--rz-alert-box-shadow); +} +.rz-alert.rz-variant-text { + --rz-alert-padding: 0; + --rz-alert-background-color: transparent; + --rz-alert-gap: 0.5rem; + --rz-alert-margin: 0; +} +.rz-alert.rz-variant-text .rz-alert-item { + flex: unset; +} +.rz-alert.rz-variant-text .rz-alert-message { + flex-direction: row; +} +.rz-alert.rz-variant-text .rz-alert-title { + font-size: inherit; + line-height: inherit; + letter-spacing: inherit; + margin-bottom: 0; + margin-right: 0.5rem; +} +.rz-alert.rz-primary { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-primary-lighter); + --rz-alert-color: var(--rz-on-primary-lighter); + --rz-alert-title-color: var(--rz-on-primary-lighter); + --rz-alert-icon-color: var(--rz-on-primary-lighter); +} +.rz-alert.rz-primary.rz-shade-light { + --rz-alert-background-color: var(--rz-primary-light); + --rz-alert-color: var(--rz-on-primary-light); + --rz-alert-title-color: var(--rz-on-primary-light); + --rz-alert-icon-color: var(--rz-on-primary-light); +} +.rz-alert.rz-primary.rz-shade-default { + --rz-alert-background-color: var(--rz-primary); + --rz-alert-color: var(--rz-on-primary); + --rz-alert-title-color: var(--rz-on-primary); + --rz-alert-icon-color: var(--rz-on-primary); +} +.rz-alert.rz-primary.rz-shade-dark { + --rz-alert-background-color: var(--rz-primary-dark); + --rz-alert-color: var(--rz-on-primary-dark); + --rz-alert-title-color: var(--rz-on-primary-dark); + --rz-alert-icon-color: var(--rz-on-primary-dark); +} +.rz-alert.rz-primary.rz-shade-darker { + --rz-alert-background-color: var(--rz-primary-darker); + --rz-alert-color: var(--rz-on-primary-darker); + --rz-alert-title-color: var(--rz-on-primary-darker); + --rz-alert-icon-color: var(--rz-on-primary-darker); +} +.rz-alert.rz-variant-outlined.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary); + --rz-alert-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter); + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light); + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark); + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker); + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-variant-text.rz-primary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-default { + --rz-alert-color: var(--rz-primary); + --rz-alert-icon-color: var(--rz-primary); + --rz-alert-title-color: var(--rz-primary); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter { + --rz-alert-color: var(--rz-primary-lighter); + --rz-alert-title-color: var(--rz-primary-lighter); + --rz-alert-icon-color: var(--rz-primary-lighter); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-light { + --rz-alert-color: var(--rz-primary-light); + --rz-alert-title-color: var(--rz-primary-light); + --rz-alert-icon-color: var(--rz-primary-light); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-dark { + --rz-alert-color: var(--rz-primary-dark); + --rz-alert-title-color: var(--rz-primary-dark); + --rz-alert-icon-color: var(--rz-primary-dark); +} +.rz-alert.rz-variant-text.rz-primary.rz-shade-darker { + --rz-alert-color: var(--rz-primary-darker); + --rz-alert-title-color: var(--rz-primary-darker); + --rz-alert-icon-color: var(--rz-primary-darker); +} +.rz-alert.rz-secondary { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-lighter { + --rz-alert-background-color: var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-on-secondary-lighter); + --rz-alert-title-color: var(--rz-on-secondary-lighter); + --rz-alert-icon-color: var(--rz-on-secondary-lighter); +} +.rz-alert.rz-secondary.rz-shade-light { + --rz-alert-background-color: var(--rz-secondary-light); + --rz-alert-color: var(--rz-on-secondary-light); + --rz-alert-title-color: var(--rz-on-secondary-light); + --rz-alert-icon-color: var(--rz-on-secondary-light); +} +.rz-alert.rz-secondary.rz-shade-default { + --rz-alert-background-color: var(--rz-secondary); + --rz-alert-color: var(--rz-on-secondary); + --rz-alert-title-color: var(--rz-on-secondary); + --rz-alert-icon-color: var(--rz-on-secondary); +} +.rz-alert.rz-secondary.rz-shade-dark { + --rz-alert-background-color: var(--rz-secondary-dark); + --rz-alert-color: var(--rz-on-secondary-dark); + --rz-alert-title-color: var(--rz-on-secondary-dark); + --rz-alert-icon-color: var(--rz-on-secondary-dark); +} +.rz-alert.rz-secondary.rz-shade-darker { + --rz-alert-background-color: var(--rz-secondary-darker); + --rz-alert-color: var(--rz-on-secondary-darker); + --rz-alert-title-color: var(--rz-on-secondary-darker); + --rz-alert-icon-color: var(--rz-on-secondary-darker); +} +.rz-alert.rz-variant-outlined.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); + --rz-alert-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter); + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light); + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark); + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker); + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-variant-text.rz-secondary { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-default { + --rz-alert-color: var(--rz-secondary); + --rz-alert-icon-color: var(--rz-secondary); + --rz-alert-title-color: var(--rz-secondary); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter { + --rz-alert-color: var(--rz-secondary-lighter); + --rz-alert-title-color: var(--rz-secondary-lighter); + --rz-alert-icon-color: var(--rz-secondary-lighter); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-light { + --rz-alert-color: var(--rz-secondary-light); + --rz-alert-title-color: var(--rz-secondary-light); + --rz-alert-icon-color: var(--rz-secondary-light); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark { + --rz-alert-color: var(--rz-secondary-dark); + --rz-alert-title-color: var(--rz-secondary-dark); + --rz-alert-icon-color: var(--rz-secondary-dark); +} +.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker { + --rz-alert-color: var(--rz-secondary-darker); + --rz-alert-title-color: var(--rz-secondary-darker); + --rz-alert-icon-color: var(--rz-secondary-darker); +} +.rz-alert.rz-info { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-lighter { + --rz-alert-background-color: var(--rz-info-lighter); + --rz-alert-color: var(--rz-on-info-lighter); + --rz-alert-title-color: var(--rz-on-info-lighter); + --rz-alert-icon-color: var(--rz-on-info-lighter); +} +.rz-alert.rz-info.rz-shade-light { + --rz-alert-background-color: var(--rz-info-light); + --rz-alert-color: var(--rz-on-info-light); + --rz-alert-title-color: var(--rz-on-info-light); + --rz-alert-icon-color: var(--rz-on-info-light); +} +.rz-alert.rz-info.rz-shade-default { + --rz-alert-background-color: var(--rz-info); + --rz-alert-color: var(--rz-on-info); + --rz-alert-title-color: var(--rz-on-info); + --rz-alert-icon-color: var(--rz-on-info); +} +.rz-alert.rz-info.rz-shade-dark { + --rz-alert-background-color: var(--rz-info-dark); + --rz-alert-color: var(--rz-on-info-dark); + --rz-alert-title-color: var(--rz-on-info-dark); + --rz-alert-icon-color: var(--rz-on-info-dark); +} +.rz-alert.rz-info.rz-shade-darker { + --rz-alert-background-color: var(--rz-info-darker); + --rz-alert-color: var(--rz-on-info-darker); + --rz-alert-title-color: var(--rz-on-info-darker); + --rz-alert-icon-color: var(--rz-on-info-darker); +} +.rz-alert.rz-variant-outlined.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info); + --rz-alert-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter); + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light); + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark); + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker); + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-variant-text.rz-info { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-info.rz-shade-default { + --rz-alert-color: var(--rz-info); + --rz-alert-icon-color: var(--rz-info); + --rz-alert-title-color: var(--rz-info); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-lighter { + --rz-alert-color: var(--rz-info-lighter); + --rz-alert-title-color: var(--rz-info-lighter); + --rz-alert-icon-color: var(--rz-info-lighter); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-light { + --rz-alert-color: var(--rz-info-light); + --rz-alert-title-color: var(--rz-info-light); + --rz-alert-icon-color: var(--rz-info-light); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-dark { + --rz-alert-color: var(--rz-info-dark); + --rz-alert-title-color: var(--rz-info-dark); + --rz-alert-icon-color: var(--rz-info-dark); +} +.rz-alert.rz-variant-text.rz-info.rz-shade-darker { + --rz-alert-color: var(--rz-info-darker); + --rz-alert-title-color: var(--rz-info-darker); + --rz-alert-icon-color: var(--rz-info-darker); +} +.rz-alert.rz-warning { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-lighter { + --rz-alert-background-color: var(--rz-warning-lighter); + --rz-alert-color: var(--rz-on-warning-lighter); + --rz-alert-title-color: var(--rz-on-warning-lighter); + --rz-alert-icon-color: var(--rz-on-warning-lighter); +} +.rz-alert.rz-warning.rz-shade-light { + --rz-alert-background-color: var(--rz-warning-light); + --rz-alert-color: var(--rz-on-warning-light); + --rz-alert-title-color: var(--rz-on-warning-light); + --rz-alert-icon-color: var(--rz-on-warning-light); +} +.rz-alert.rz-warning.rz-shade-default { + --rz-alert-background-color: var(--rz-warning); + --rz-alert-color: var(--rz-on-warning); + --rz-alert-title-color: var(--rz-on-warning); + --rz-alert-icon-color: var(--rz-on-warning); +} +.rz-alert.rz-warning.rz-shade-dark { + --rz-alert-background-color: var(--rz-warning-dark); + --rz-alert-color: var(--rz-on-warning-dark); + --rz-alert-title-color: var(--rz-on-warning-dark); + --rz-alert-icon-color: var(--rz-on-warning-dark); +} +.rz-alert.rz-warning.rz-shade-darker { + --rz-alert-background-color: var(--rz-warning-darker); + --rz-alert-color: var(--rz-on-warning-darker); + --rz-alert-title-color: var(--rz-on-warning-darker); + --rz-alert-icon-color: var(--rz-on-warning-darker); +} +.rz-alert.rz-variant-outlined.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning); + --rz-alert-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter); + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light); + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark); + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker); + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-variant-text.rz-warning { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-default { + --rz-alert-color: var(--rz-warning); + --rz-alert-icon-color: var(--rz-warning); + --rz-alert-title-color: var(--rz-warning); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter { + --rz-alert-color: var(--rz-warning-lighter); + --rz-alert-title-color: var(--rz-warning-lighter); + --rz-alert-icon-color: var(--rz-warning-lighter); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-light { + --rz-alert-color: var(--rz-warning-light); + --rz-alert-title-color: var(--rz-warning-light); + --rz-alert-icon-color: var(--rz-warning-light); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-dark { + --rz-alert-color: var(--rz-warning-dark); + --rz-alert-title-color: var(--rz-warning-dark); + --rz-alert-icon-color: var(--rz-warning-dark); +} +.rz-alert.rz-variant-text.rz-warning.rz-shade-darker { + --rz-alert-color: var(--rz-warning-darker); + --rz-alert-title-color: var(--rz-warning-darker); + --rz-alert-icon-color: var(--rz-warning-darker); +} +.rz-alert.rz-error { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-error.rz-shade-lighter { + --rz-alert-background-color: var(--rz-error-lighter); + --rz-alert-color: var(--rz-on-error-lighter); + --rz-alert-title-color: var(--rz-on-error-lighter); + --rz-alert-icon-color: var(--rz-on-error-lighter); +} +.rz-alert.rz-error.rz-shade-light { + --rz-alert-background-color: var(--rz-error-light); + --rz-alert-color: var(--rz-on-error-light); + --rz-alert-title-color: var(--rz-on-error-light); + --rz-alert-icon-color: var(--rz-on-error-light); +} +.rz-alert.rz-error.rz-shade-default { + --rz-alert-background-color: var(--rz-error); + --rz-alert-color: var(--rz-on-error); + --rz-alert-title-color: var(--rz-on-error); + --rz-alert-icon-color: var(--rz-on-error); +} +.rz-alert.rz-error.rz-shade-dark { + --rz-alert-background-color: var(--rz-error-dark); + --rz-alert-color: var(--rz-on-error-dark); + --rz-alert-title-color: var(--rz-on-error-dark); + --rz-alert-icon-color: var(--rz-on-error-dark); +} +.rz-alert.rz-error.rz-shade-darker { + --rz-alert-background-color: var(--rz-error-darker); + --rz-alert-color: var(--rz-on-error-darker); + --rz-alert-title-color: var(--rz-on-error-darker); + --rz-alert-icon-color: var(--rz-on-error-darker); +} +.rz-alert.rz-variant-outlined.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter); + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light); + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark); + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker); + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-variant-text.rz-error { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-error.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-lighter { + --rz-alert-color: var(--rz-error-lighter); + --rz-alert-title-color: var(--rz-error-lighter); + --rz-alert-icon-color: var(--rz-error-lighter); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-light { + --rz-alert-color: var(--rz-error-light); + --rz-alert-title-color: var(--rz-error-light); + --rz-alert-icon-color: var(--rz-error-light); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-dark { + --rz-alert-color: var(--rz-error-dark); + --rz-alert-title-color: var(--rz-error-dark); + --rz-alert-icon-color: var(--rz-error-dark); +} +.rz-alert.rz-variant-text.rz-error.rz-shade-darker { + --rz-alert-color: var(--rz-error-darker); + --rz-alert-title-color: var(--rz-error-darker); + --rz-alert-icon-color: var(--rz-error-darker); +} +.rz-alert.rz-danger { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-lighter { + --rz-alert-background-color: var(--rz-danger-lighter); + --rz-alert-color: var(--rz-on-danger-lighter); + --rz-alert-title-color: var(--rz-on-danger-lighter); + --rz-alert-icon-color: var(--rz-on-danger-lighter); +} +.rz-alert.rz-danger.rz-shade-light { + --rz-alert-background-color: var(--rz-danger-light); + --rz-alert-color: var(--rz-on-danger-light); + --rz-alert-title-color: var(--rz-on-danger-light); + --rz-alert-icon-color: var(--rz-on-danger-light); +} +.rz-alert.rz-danger.rz-shade-default { + --rz-alert-background-color: var(--rz-danger); + --rz-alert-color: var(--rz-on-danger); + --rz-alert-title-color: var(--rz-on-danger); + --rz-alert-icon-color: var(--rz-on-danger); +} +.rz-alert.rz-danger.rz-shade-dark { + --rz-alert-background-color: var(--rz-danger-dark); + --rz-alert-color: var(--rz-on-danger-dark); + --rz-alert-title-color: var(--rz-on-danger-dark); + --rz-alert-icon-color: var(--rz-on-danger-dark); +} +.rz-alert.rz-danger.rz-shade-darker { + --rz-alert-background-color: var(--rz-danger-darker); + --rz-alert-color: var(--rz-on-danger-darker); + --rz-alert-title-color: var(--rz-on-danger-darker); + --rz-alert-icon-color: var(--rz-on-danger-darker); +} +.rz-alert.rz-variant-outlined.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger); + --rz-alert-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter); + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light); + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark); + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker); + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-variant-text.rz-danger { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-default { + --rz-alert-color: var(--rz-danger); + --rz-alert-icon-color: var(--rz-danger); + --rz-alert-title-color: var(--rz-danger); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter { + --rz-alert-color: var(--rz-danger-lighter); + --rz-alert-title-color: var(--rz-danger-lighter); + --rz-alert-icon-color: var(--rz-danger-lighter); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-light { + --rz-alert-color: var(--rz-danger-light); + --rz-alert-title-color: var(--rz-danger-light); + --rz-alert-icon-color: var(--rz-danger-light); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-dark { + --rz-alert-color: var(--rz-danger-dark); + --rz-alert-title-color: var(--rz-danger-dark); + --rz-alert-icon-color: var(--rz-danger-dark); +} +.rz-alert.rz-variant-text.rz-danger.rz-shade-darker { + --rz-alert-color: var(--rz-danger-darker); + --rz-alert-title-color: var(--rz-danger-darker); + --rz-alert-icon-color: var(--rz-danger-darker); +} +.rz-alert.rz-success { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-lighter { + --rz-alert-background-color: var(--rz-success-lighter); + --rz-alert-color: var(--rz-on-success-lighter); + --rz-alert-title-color: var(--rz-on-success-lighter); + --rz-alert-icon-color: var(--rz-on-success-lighter); +} +.rz-alert.rz-success.rz-shade-light { + --rz-alert-background-color: var(--rz-success-light); + --rz-alert-color: var(--rz-on-success-light); + --rz-alert-title-color: var(--rz-on-success-light); + --rz-alert-icon-color: var(--rz-on-success-light); +} +.rz-alert.rz-success.rz-shade-default { + --rz-alert-background-color: var(--rz-success); + --rz-alert-color: var(--rz-on-success); + --rz-alert-title-color: var(--rz-on-success); + --rz-alert-icon-color: var(--rz-on-success); +} +.rz-alert.rz-success.rz-shade-dark { + --rz-alert-background-color: var(--rz-success-dark); + --rz-alert-color: var(--rz-on-success-dark); + --rz-alert-title-color: var(--rz-on-success-dark); + --rz-alert-icon-color: var(--rz-on-success-dark); +} +.rz-alert.rz-success.rz-shade-darker { + --rz-alert-background-color: var(--rz-success-darker); + --rz-alert-color: var(--rz-on-success-darker); + --rz-alert-title-color: var(--rz-on-success-darker); + --rz-alert-icon-color: var(--rz-on-success-darker); +} +.rz-alert.rz-variant-outlined.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-default { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success); + --rz-alert-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter); + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light); + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark); + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker); + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-variant-text.rz-success { + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-success.rz-shade-default { + --rz-alert-color: var(--rz-success); + --rz-alert-icon-color: var(--rz-success); + --rz-alert-title-color: var(--rz-success); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-lighter { + --rz-alert-color: var(--rz-success-lighter); + --rz-alert-title-color: var(--rz-success-lighter); + --rz-alert-icon-color: var(--rz-success-lighter); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-light { + --rz-alert-color: var(--rz-success-light); + --rz-alert-title-color: var(--rz-success-light); + --rz-alert-icon-color: var(--rz-success-light); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-dark { + --rz-alert-color: var(--rz-success-dark); + --rz-alert-title-color: var(--rz-success-dark); + --rz-alert-icon-color: var(--rz-success-dark); +} +.rz-alert.rz-variant-text.rz-success.rz-shade-darker { + --rz-alert-color: var(--rz-success-darker); + --rz-alert-title-color: var(--rz-success-darker); + --rz-alert-icon-color: var(--rz-success-darker); +} +.rz-alert.rz-base { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-base { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-base { + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-light { + --rz-alert-background-color: var(--rz-base-200); + --rz-alert-color: var(--rz-text-color); + --rz-alert-title-color: var(--rz-text-color); + --rz-alert-icon-color: var(--rz-text-color); +} +.rz-alert.rz-variant-outlined.rz-light { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200); + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-light { + --rz-alert-color: var(--rz-base-200); + --rz-alert-title-color: var(--rz-base-200); + --rz-alert-icon-color: var(--rz-base-200); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-dark { + --rz-alert-background-color: var(--rz-base-900); + --rz-alert-color: var(--rz-text-contrast-color); + --rz-alert-title-color: var(--rz-text-contrast-color); + --rz-alert-icon-color: var(--rz-text-contrast-color); +} +.rz-alert.rz-variant-outlined.rz-dark { + box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900); + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} +.rz-alert.rz-variant-text.rz-dark { + --rz-alert-color: var(--rz-base-900); + --rz-alert-title-color: var(--rz-base-900); + --rz-alert-icon-color: var(--rz-base-900); + --rz-alert-background-color: transparent; +} + +@keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-danger-light); + } +} +@-webkit-keyframes mic-blink { + 0% { + background-color: var(--rz-danger-light); + } + 50% { + background-color: var(--rz-danger-darker); + } + 100% { + background-color: var(--rz-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; + color: var(--rz-text-contrast-color); +} + +.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; +} + +:root { + --rz-gap: 1rem; + --rz-row-gap: 1rem; +} + +.rz-stack { + gap: var(--rz-gap); +} + +.rz-row { + 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-left: 0; +} + +.rz-offset-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); +} + +.rz-offset-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); +} + +.rz-offset-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); +} + +.rz-offset-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); +} + +.rz-offset-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); +} + +.rz-offset-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); +} + +.rz-offset-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); +} + +.rz-offset-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); +} + +.rz-offset-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); +} + +.rz-offset-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); +} + +.rz-offset-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); +} + +@media (min-width: 576px) { + .rz-offset-xs-0 { + margin-left: 0; + } + .rz-offset-xs-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xs-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xs-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xs-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xs-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xs-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xs-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xs-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xs-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xs-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xs-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 768px) { + .rz-offset-sm-0 { + margin-left: 0; + } + .rz-offset-sm-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-sm-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-sm-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-sm-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-sm-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-sm-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-sm-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-sm-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-sm-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-sm-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-sm-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1024px) { + .rz-offset-md-0 { + margin-left: 0; + } + .rz-offset-md-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-md-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-md-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-md-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-md-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-md-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-md-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-md-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-md-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-md-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-md-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1280px) { + .rz-offset-lg-0 { + margin-left: 0; + } + .rz-offset-lg-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-lg-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-lg-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-lg-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-lg-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-lg-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-lg-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-lg-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-lg-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-lg-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-lg-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 1920px) { + .rz-offset-xl-0 { + margin-left: 0; + } + .rz-offset-xl-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xl-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xl-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xl-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xl-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xl-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xl-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xl-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xl-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xl-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xl-11 { + margin-left: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); + } +} +@media (min-width: 2560px) { + .rz-offset-xx-0 { + margin-left: 0; + } + .rz-offset-xx-1 { + margin-left: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); + } + .rz-offset-xx-2 { + margin-left: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); + } + .rz-offset-xx-3 { + margin-left: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); + } + .rz-offset-xx-4 { + margin-left: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); + } + .rz-offset-xx-5 { + margin-left: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); + } + .rz-offset-xx-6 { + margin-left: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); + } + .rz-offset-xx-7 { + margin-left: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); + } + .rz-offset-xx-8 { + margin-left: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); + } + .rz-offset-xx-9 { + margin-left: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); + } + .rz-offset-xx-10 { + margin-left: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); + } + .rz-offset-xx-11 { + margin-left: 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; + } +} +:root { + --rz-form-field-margin: 0.5rem 0 0; + --rz-form-field-start-end-padding: 0 0.75rem; + --rz-form-field-filled-height: 3.375rem; + --rz-form-field-filled-padding: 1.4375rem 0.9375rem 0.4375rem; + --rz-form-field-filled-numeric-padding: 1.4375rem 1.25rem 0.4375rem 0.9375rem; + --rz-form-field-filled-background-color: var(--rz-base-500); + --rz-form-field-filled-hover-background-color: var(--rz-base-300); + --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-500); + --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-300); + --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-500); + --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + --rz-form-field-filled-label-floating-top: 0.5rem; + --rz-form-field-filled-hover-shadow: none; + --rz-form-field-filled-focus-shadow: none; + --rz-form-field-filled-underline-display: block; + --rz-form-field-shadow: none; + --rz-form-field-hover-shadow: var(--rz-input-hover-shadow); + --rz-form-field-focus-shadow: var(--rz-input-focus-shadow); + --rz-form-field-label-color: var(--rz-text-color); + --rz-form-field-label-focus-color: var(--rz-primary); + --rz-form-field-label-padding: 0 0.25rem; + --rz-form-field-text-label-padding: 0; + --rz-form-field-label-left: 0.6875rem; + --rz-form-field-label-textarea-top: 0.5rem; + --rz-form-field-label-floating-top: -0.5625rem; + --rz-form-field-label-floating-background-color: var(--rz-base-700); + --rz-form-field-helper-padding: 0 1rem; +} + +.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: var(--rz-form-field-margin); + 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 input, .rz-form-field-content .rz-inputtext { + flex: 1; +} +.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: var(--rz-form-field-start-end-padding); + padding-top: 0; + padding-bottom: 0; +} + +.rz-form-field { + 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 .rz-state-disabled, +.rz-form-field.rz-state-disabled :disabled { + color: var(--rz-input-disabled-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-right: 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-left: 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: var(--rz-form-field-filled-padding); + --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding); + --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-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up { + top: calc(var(--rz-numeric-button-offset) + 1rem); +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, +.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { + padding-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { + margin-top: 1rem; +} +.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger { + top: calc(50% + 0.4375rem); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-input-hover-border); + box-shadow: var(--rz-input-hover-shadow); +} +.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { + border: var(--rz-input-focus-border); + box-shadow: var(--rz-input-focus-shadow); +} +.rz-form-field.rz-variant-filled .rz-form-field-content { + border: var(--rz-form-field-filled-border); + border-radius: var(--rz-form-field-filled-border-radius); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { + display: var(--rz-form-field-filled-underline-display); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content { + border: var(--rz-form-field-filled-hover-border); + box-shadow: var(--rz-form-field-filled-hover-shadow); + background-color: var(--rz-form-field-filled-hover-background-color); +} +.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content { + border: var(--rz-form-field-filled-focus-border); + box-shadow: var(--rz-form-field-filled-focus-shadow); + background-color: var(--rz-form-field-filled-background-color); +} +.rz-form-field.rz-variant-text .rz-form-field-content { + border-color: transparent; + box-shadow: none; + --rz-input-background-color: transparent; + --rz-input-border-radius: 0; + --rz-input-padding: 0.4375rem 0; + --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0; + --rz-text-area-padding: 0.4375rem 0; + --rz-form-field-label-left: 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-left: 0; +} +.rz-form-field.rz-variant-text .rz-form-field-end { + padding-right: 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; + left: 50%; + right: 50%; + bottom: calc(-1 * var(--rz-border-width)); + height: calc(var(--rz-border-width) + 1px); + border: var(--rz-input-focus-border); + border-left-width: 0; + border-right-width: 0; + transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition); +} +.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { + content: ""; + position: absolute; + inset: calc(-1 * var(--rz-border-width)); + top: auto; + height: var(--rz-border-width); + border-bottom: var(--rz-input-border); +} +.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-hover-border); +} +.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { + border-bottom: var(--rz-input-disabled-border); +} +.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { + left: calc(-1 * var(--rz-border-width)); + right: calc(-1 * var(--rz-border-width)); + border: var(--rz-input-focus-border); + border-left-width: var(--rz-border-width); + border-right-width: var(--rz-border-width); +} +.rz-form-field .rz-spinner-button { + display: none; +} +.rz-form-field .rz-spinner:focus-within .rz-spinner-button { + display: block; +} + +.rz-form-field-label { + position: absolute; + pointer-events: none; + padding: var(--rz-form-field-label-padding); + top: 50%; + right: auto; + border-radius: var(--rz-border-radius); + left: var(--rz-form-field-label-left); + max-width: calc(100% - 1.5rem); + transform: translate(0, -50%); + background-color: transparent; + transition: top 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 { + right: 1.5rem; +} +.rz-textarea ~ .rz-form-field-label { + top: var(--rz-form-field-label-textarea-top); + transform: translate(0, 0); +} +.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { + transform: translate(0, 0.625rem); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label { + right: auto; + top: var(--rz-form-field-label-floating-top); + padding-top: 0; + padding-bottom: 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) *: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 { + background-color: inherit !important; +} +.invalid ~ .rz-form-field-label { + color: var(--rz-danger) !important; +} +.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} +.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { + color: var(--rz-form-field-label-focus-color); +} + +:root { + --rz-timeline-item-padding: 1rem; + --rz-timeline-axis-size: 4rem; + --rz-timeline-point-size: 1rem; + --rz-timeline-point-border: 3px solid var(--rz-base-background-color); + --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12); + --rz-timeline-point-background-color: var(--rz-base-200); + --rz-timeline-point-color: var(--rz-text-color); + --rz-timeline-line-color: var(--rz-base-200); + --rz-timeline-line-width: 0.125rem; + --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); +} + +.rz-timeline { + display: flex; +} +.rz-timeline.rz-timeline-column { + flex-direction: column; +} +.rz-timeline.rz-timeline-column .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { + flex-direction: row-reverse; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: start; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: end; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: left; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { + flex-direction: row; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + left: auto; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start { + max-width: calc(100% - var(--rz-timeline-axis-size)); + text-align: right; +} +.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row { + flex-direction: row; +} +.rz-timeline.rz-timeline-row .rz-timeline-item { + flex-direction: column; + justify-content: end; + width: 100%; +} +.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { + flex-direction: column-reverse; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item { + flex-direction: column-reverse; + justify-content: start; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { + flex-direction: column; + justify-content: end; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + bottom: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { + display: none; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { + flex-direction: column; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); + top: auto; +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { + max-height: calc(100% - var(--rz-timeline-axis-size)); +} +.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { + display: none; +} + +.rz-timeline-item { + display: flex; + padding: var(--rz-timeline-item-padding); + position: relative; +} +.rz-timeline-align-items-center .rz-timeline-item { + align-items: center; +} +.rz-timeline-align-items-normal .rz-timeline-item { + align-items: normal; +} +.rz-timeline-align-items-start .rz-timeline-item { + align-items: start; +} +.rz-timeline-align-items-end .rz-timeline-item { + align-items: end; +} +.rz-timeline-align-items-stretch .rz-timeline-item { + align-items: stretch; +} +.rz-timeline-item:before { + content: ""; + position: absolute; + background-color: var(--rz-timeline-line-color); +} +.rz-timeline-column .rz-timeline-item:before { + width: var(--rz-timeline-line-width); + top: 0; + bottom: 0; + left: calc(50% - var(--rz-timeline-line-width) / 2); + right: auto; +} +.rz-timeline-column .rz-timeline-item:first-child:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-top-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column .rz-timeline-item:last-child:before { + bottom: calc(50% - var(--rz-timeline-line-width) / 2); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:before { + top: calc(50% - var(--rz-timeline-line-width) / 2); + bottom: auto; + left: 0; + right: 0; + height: var(--rz-timeline-line-width); +} +.rz-timeline-row .rz-timeline-item:first-child:before { + left: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-left-radius: var(--rz-timeline-line-border-radius); + border-bottom-left-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { + left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { + left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row .rz-timeline-item:last-child:before { + right: calc(50% - var(--rz-timeline-line-width) / 2); + border-top-right-radius: var(--rz-timeline-line-border-radius); + border-bottom-right-radius: var(--rz-timeline-line-border-radius); +} +.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { + right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} +.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { + right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2); +} + +.rz-timeline-content-start { + text-align: center; +} +.rz-timeline-column .rz-timeline-content-start { + flex: 1 1 auto; + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-content-end { + flex: 1 1 auto; + text-align: center; +} +.rz-timeline-column .rz-timeline-content-end { + max-width: calc(50% - var(--rz-timeline-axis-size) / 2); +} +.rz-timeline-row .rz-timeline-content-end { + max-height: calc(50% - var(--rz-timeline-axis-size) / 2); +} + +.rz-timeline-axis { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex: 0 1 var(--rz-timeline-axis-size); +} +.rz-timeline-column .rz-timeline-axis { + width: var(--rz-timeline-axis-size); +} +.rz-timeline-row .rz-timeline-axis { + height: var(--rz-timeline-axis-size); +} + +.rz-timeline-point { + position: relative; + display: flex; + flex: 0 1 var(--rz-timeline-point-size); + align-items: center; + justify-content: center; + height: var(--rz-timeline-point-size); + width: var(--rz-timeline-point-size); + border: var(--rz-timeline-point-border); + border-radius: var(--rz-timeline-point-border-radius); + background-color: var(--rz-timeline-point-background-color); + color: var(--rz-timeline-point-color); +} + +.rz-timeline-point-outlined { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border-color: var(--rz-timeline-point-background-color); +} + +.rz-timeline-point-flat { + border: 0; +} + +.rz-timeline-point-text { + background-color: var(--rz-base-background-color); + color: var(--rz-timeline-point-color); + border: 0; +} + +.rz-timeline-point-primary { + background-color: var(--rz-primary); + color: var(--rz-on-primary); +} + +.rz-timeline-point-outlined.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); + border-color: var(--rz-primary); +} + +.rz-timeline-point-text.rz-timeline-point-primary { + background-color: var(--rz-base-background-color); + color: var(--rz-primary); +} + +.rz-timeline-point-secondary { + background-color: var(--rz-secondary); + color: var(--rz-on-secondary); +} + +.rz-timeline-point-outlined.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); + border-color: var(--rz-secondary); +} + +.rz-timeline-point-text.rz-timeline-point-secondary { + background-color: var(--rz-base-background-color); + color: var(--rz-secondary); +} + +.rz-timeline-point-info { + background-color: var(--rz-info); + color: var(--rz-on-info); +} + +.rz-timeline-point-outlined.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); + border-color: var(--rz-info); +} + +.rz-timeline-point-text.rz-timeline-point-info { + background-color: var(--rz-base-background-color); + color: var(--rz-info); +} + +.rz-timeline-point-warning { + background-color: var(--rz-warning); + color: var(--rz-on-warning); +} + +.rz-timeline-point-outlined.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); + border-color: var(--rz-warning); +} + +.rz-timeline-point-text.rz-timeline-point-warning { + background-color: var(--rz-base-background-color); + color: var(--rz-warning); +} + +.rz-timeline-point-error { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-error { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-danger { + background-color: var(--rz-danger); + color: var(--rz-on-danger); +} + +.rz-timeline-point-outlined.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); + border-color: var(--rz-danger); +} + +.rz-timeline-point-text.rz-timeline-point-danger { + background-color: var(--rz-base-background-color); + color: var(--rz-danger); +} + +.rz-timeline-point-success { + background-color: var(--rz-success); + color: var(--rz-on-success); +} + +.rz-timeline-point-outlined.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); + border-color: var(--rz-success); +} + +.rz-timeline-point-text.rz-timeline-point-success { + background-color: var(--rz-base-background-color); + color: var(--rz-success); +} + +.rz-timeline-point-base { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-base { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-light { + background-color: var(--rz-base-200); + color: var(--rz-text-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); + border-color: var(--rz-base-200); +} + +.rz-timeline-point-text.rz-timeline-point-light { + background-color: var(--rz-base-background-color); + color: var(--rz-base-200); +} + +.rz-timeline-point-dark { + background-color: var(--rz-base-900); + color: var(--rz-text-contrast-color); +} + +.rz-timeline-point-outlined.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); + border-color: var(--rz-base-900); +} + +.rz-timeline-point-text.rz-timeline-point-dark { + background-color: var(--rz-base-background-color); + color: var(--rz-base-900); +} + +.rz-timeline-axis-lg { + --rz-timeline-point-size: 3rem; +} +.rz-timeline-axis-lg .rzi { + font-size: 2rem; +} + +.rz-timeline-axis-md { + --rz-timeline-point-size: 1.5rem; +} +.rz-timeline-axis-md .rzi { + font-size: 1rem; +} + +.rz-timeline-axis-sm { + --rz-timeline-point-size: 1rem; +} +.rz-timeline-axis-sm .rzi { + font-size: 0.625rem; +} + +.rz-timeline-axis-xs { + --rz-timeline-point-size: 0.75rem; +} +.rz-timeline-axis-xs .rzi { + font-size: 0.5rem; +} \ No newline at end of file diff --git a/_content/Radzen.Blazor/css/material3-dark.css b/_content/Radzen.Blazor/css/material3-dark.css new file mode 100755 index 0000000..4427f23 --- /dev/null +++ b/_content/Radzen.Blazor/css/material3-dark.css @@ -0,0 +1,25836 @@ +@charset "UTF-8"; +.rz-button { + position: relative; + overflow: hidden; +} +.rz-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-header { + padding: 0.5rem; +} +.rz-header a, +.rz-header a:hover, +.rz-header a:focus { + color: var(--rz-text-color); +} + +.sidebar-toggle { + position: relative; + overflow: hidden; +} +.sidebar-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.sidebar-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-navigation-item-link, +.rz-menu-toggle { + position: relative; + overflow: hidden; +} +.rz-navigation-item-link:not(.rz-state-disabled):before, +.rz-menu-toggle:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-navigation-item-link:not(.rz-state-disabled):active:before, +.rz-menu-toggle:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.panel-menu .navigation-item-wrapper-active:before { + display: none; +} + +.rz-panel-menu .rz-navigation-item-link { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, var(--rz-base-300) 1%) center/15000%; +} +.rz-panel-menu .rz-navigation-item-link:active { + background-color: var(--rz-base-300); + transition: background 0s; + background-size: 100%; +} +.rz-panel-menu .rz-navigation-item-wrapper-active:before { + display: none; +} + +.rz-steps [role=tablist] { + display: flex; +} +.rz-steps .rz-steps-item:not(:last-child) { + flex: auto; + display: flex; + align-items: center; +} +.rz-steps .rz-steps-item:not(:last-child):after { + display: "block"; + content: ""; + flex: auto; + height: 1px; + margin-right: 16px; + background-color: var(--rz-base-300); +} + +.rz-chkbox-box .rzi { + font-weight: bold; +} +.rz-chkbox-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-chkbox-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-chkbox-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-chkbox-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-switch .rz-switch-circle { + box-shadow: inset 0 0 0 2px var(--rz-base-200); +} + +.rz-switch.rz-switch-checked .rz-switch-circle { + box-shadow: none; +} + +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { + transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition); + box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.04); +} +.rz-switch .rz-switch-circle:hover:not(.rz-disabled):active:not(.rz-disabled):before { + width: 1.5rem; + height: 1.5rem; + left: 0.25rem; + margin-top: -0.75rem; +} + +.rz-switch.rz-switch-checked .rz-switch-circle:before { + width: 1.5rem; + height: 1.5rem; + left: 0.25rem; + margin-top: -0.75rem; +} +.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { + box-shadow: 0 0 0 10px var(--rz-primary-lighter); +} + +.rz-radiobutton-box:after { + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); +} +.rz-radiobutton-box:hover:not(.rz-state-disabled):after { + width: 2.5rem; + height: 2.5rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} +.rz-radiobutton-box:active:not(.rz-state-disabled):after { + background-color: var(--rz-base-500); +} +.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after { + background-color: var(--rz-primary); + opacity: 0.08; +} +.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after { + opacity: 0.16; +} + +.rz-slider .rz-slider-range { + top: 0; + bottom: 0; +} +.rz-slider .rz-slider-handle:before { + display: none; +} +.rz-slider.rz-state-disabled .rz-slider-handle { + box-shadow: none; +} + +.rz-selectbutton .rz-button { + box-shadow: none; +} +.rz-selectbutton .rz-button:hover { + box-shadow: none !important; + background: var(--rz-base-200); +} + +.rz-datepicker-inline:not(.ng-trigger) table { + width: 100%; +} + +.rz-datepicker.rz-popup { + width: 340px !important; +} +.rz-datepicker .rz-datepicker-calendar-container { + padding: 0 0.75rem 0.5rem; +} + +.rz-datepicker-title .rz-dropdown { + min-width: 100px !important; + margin-top: 0.75rem !important; +} +.rz-datepicker-title .rz-dropdown:first-child { + min-width: 140px !important; +} + +.rz-datepicker-calendar td, +.rz-datepicker-calendar th { + text-align: center; +} +.rz-datepicker-calendar td a.rz-state-default, +.rz-datepicker-calendar td span.rz-state-default, +.rz-datepicker-calendar th a.rz-state-default, +.rz-datepicker-calendar th span.rz-state-default { + display: inline-block; + width: 2.25rem; + height: 2.25rem; + line-height: 1rem; +} +.rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover, +.rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover { + border-radius: 50%; +} +.rz-datepicker-calendar td .rz-state-active, +.rz-datepicker-calendar th .rz-state-active { + border-radius: 50%; +} + +.rz-timepicker { + flex-wrap: wrap; +} +.rz-timepicker .rz-spinner { + flex: 1; +} +.rz-timepicker > .rz-button { + flex-basis: 100%; +} + +.rz-calendar .rz-inputtext { + padding-right: 2.5rem !important; +} + +.rz-datepicker-trigger { + border-radius: 0 !important; + background-color: transparent !important; + background-image: none !important; + box-shadow: none !important; +} + +.rz-spinner .rz-spinner-button { + box-shadow: none; +} +.rz-spinner .rz-spinner-button:hover { + box-shadow: none !important; +} + +.rz-fileupload-choose.rz-button { + background-position: center; + transition: background 0.8s; + background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.12) 1%) center/15000%; +} +.rz-fileupload-choose.rz-button:active { + background-color: rgba(0, 0, 0, 0.12); + transition: background 0s; + background-size: 100%; +} +.rz-fileupload-choose.rz-button input { + z-index: 1; +} + +.rz-datatable .rz-col-icon { + border-right: var(--rz-border-base-500); +} + +.rz-grid-table-composite { + --rz-grid-right-cell-border: var(--rz-border-base-500); + --rz-grid-header-cell-border: var(--rz-border-base-500); +} + +.rz-paginator-pages { + max-height: 3rem; +} + +.rz-paginator-element { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:hover { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-paginator-element:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-tree-toggler { + position: relative; +} + +.rz-tree-toggler.rzi-caret-right:before { + margin-left: 0 !important; +} +.rz-tree-toggler.rzi-caret-down:before { + margin-left: 0 !important; +} +.rz-tree-toggler:after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + width: 1rem; + height: 1rem; + border-radius: 50%; + opacity: 0; + transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition); +} +.rz-tree-toggler:active:after { + left: 0; + top: -0.25rem; + width: 2rem; + height: 2rem; + background-color: var(--rz-base-400); + opacity: 0.3; +} + +.rz-scheduler-nav .rz-button { + box-shadow: var(--rz-shadow-0) !important; +} +.rz-scheduler-nav .rz-button:hover { + box-shadow: var(--rz-shadow-0) !important; + background: var(--rz-base-500); +} +.rz-scheduler-nav .rz-button:active { + box-shadow: var(--rz-shadow-0) !important; +} + +.rz-view-header { + border-top: none !important; +} +.rz-year-view .rz-view-header { + border-bottom: none !important; +} + +.rz-tabview-nav > li > a { + position: relative; + overflow: hidden; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-tabview-nav > li > a:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { + border-top-width: 0; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li { + border-top-width: 0; +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { + border-bottom-width: 0; +} +.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { + border-left-width: 0; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav li { + border-left-width: 0; +} +.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { + border-right-width: 0; +} +.rz-tabview.rz-tabview-top > .rz-tabview-panels { + border-top: var(--rz-border-base-500); +} +.rz-tabview.rz-tabview-bottom > .rz-tabview-panels { + border-bottom: var(--rz-border-base-500); +} +.rz-tabview.rz-tabview-left > .rz-tabview-panels { + border-left: var(--rz-border-base-500); +} +.rz-tabview.rz-tabview-right > .rz-tabview-panels { + border-right: var(--rz-border-base-500); +} + +.rz-tabview-nav { + z-index: 0; +} +.rz-tabview-nav li { + position: relative; +} +.rz-tabview-nav li:after { + z-index: -1; + content: ""; + position: absolute; + bottom: 0; + left: 1rem; + right: 1rem; + height: 0.1875rem; + border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0; + background-color: transparent; +} +.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after { + background-color: var(--rz-primary); +} +.rz-tabview-nav li.rz-tabview-selected:after { + background-color: var(--rz-primary); +} +.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected { + margin-bottom: 0; +} +.rz-tabview-bottom > .rz-tabview-nav li:after { + top: 0; + border-radius: 0 0 var(--rz-border-radius) var(--rz-border-radius); +} +.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected { + margin-top: 0; + padding-top: 0; +} +.rz-tabview-left > .rz-tabview-nav li:after { + left: auto; + right: 0; + top: 1rem; + bottom: 1rem; + width: 0.1875rem; + height: auto; + border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius); +} +.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected { + margin-right: 0; +} +.rz-tabview-right > .rz-tabview-nav li:after { + left: 0; + right: auto; + top: 0.625rem; + bottom: 0.625rem; + width: 0.1875rem; + height: auto; + border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0; +} +.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected { + margin-left: 0; + padding-left: 0; +} + +.rz-login .rz-textbox.invalid { + --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); +} + +.rz-progressbar:has(.rz-progressbar-label) { + --rz-progressbar-height: 1.25rem; +} + +.rz-html-editor-toolbar { + font-size: 0.825rem; +} +.rz-html-editor-toolbar .rz-html-editor-button { + position: relative; + overflow: hidden; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before { + content: ""; + position: absolute; + inset: 0; + background-position: center; + transition: background 0.8s, opacity 0.8s; + opacity: 0; + background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; +} +.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before { + transition: background 0s, opacity 0s; + opacity: 0.32; + background-size: 100%; +} + +@media (max-width: 768px) { + .rz-layout .rz-body { + margin: 0; + border-radius: 0; + } +} +.rz-search-input { + border: var(--rz-border-base-600) !important; + border-radius: calc(var(--rz-border-radius) * 5) !important; + background-color: var(--rz-base-600) !important; +} +div:has(.rz-search-input) { + padding-top: 0.125rem !important; +} +.rz-search-input:hover { + border: var(--rz-border-base-500) !important; + background-color: var(--rz-base-500) !important; +} +.rz-search-input:hover:focus, .rz-search-input:focus { + border: var(--rz-border-base-500) !important; + background-color: var(--rz-base-500) !important; + box-shadow: var(--rz-shadow-1) !important; +} + +.rz-card.rz-material-3-demo-card { + box-shadow: none; + border: var(--rz-border-base-500); +} + +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #94c1ff; + --secondary: #c2cbdc; + --success: #386A20; + --info: #085786; + --warning: #e8e971; + --danger: #b3261e; + --light: #8f9399; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: var(--rz-text-font-family); + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: var(--rz-text-font-family); + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #e0e0e9; + text-align: left; + background-color: #1f2226; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #94c1ff; + text-decoration: none; + background-color: transparent; +} +a:hover { + color: #bcd7ff; + text-decoration: none; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type=radio], +input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.no-gutters > .col, +.no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.3333333333%; +} + +.offset-2 { + margin-left: 16.6666666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.3333333333%; +} + +.offset-5 { + margin-left: 41.6666666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.3333333333%; +} + +.offset-8 { + margin-left: 66.6666666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.3333333333%; +} + +.offset-11 { + margin-left: 91.6666666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.3333333333%; + } + .offset-sm-2 { + margin-left: 16.6666666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.3333333333%; + } + .offset-sm-5 { + margin-left: 41.6666666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.3333333333%; + } + .offset-sm-8 { + margin-left: 66.6666666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.3333333333%; + } + .offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.3333333333%; + } + .offset-md-2 { + margin-left: 16.6666666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.3333333333%; + } + .offset-md-5 { + margin-left: 41.6666666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.3333333333%; + } + .offset-md-8 { + margin-left: 66.6666666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.3333333333%; + } + .offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.3333333333%; + } + .offset-lg-2 { + margin-left: 16.6666666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.3333333333%; + } + .offset-lg-5 { + margin-left: 41.6666666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.3333333333%; + } + .offset-lg-8 { + margin-left: 66.6666666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.3333333333%; + } + .offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.3333333333%; + } + .offset-xl-2 { + margin-left: 16.6666666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.3333333333%; + } + .offset-xl-5 { + margin-left: 41.6666666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.3333333333%; + } + .offset-xl-8 { + margin-left: 66.6666666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.3333333333%; + } + .offset-xl-11 { + margin-left: 91.6666666667%; + } +} +.form-control { + display: block; + width: 100%; + height: 2.5rem; + padding: 0.375rem 0.75rem; + font-size: var(--rz-body-font-size); + font-weight: normal; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: var(--rz-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: white; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(148, 193, 255, 0.25); +} +.form-control::placeholder { + color: var(--rz-text-tertiary-color); + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + color: #e0e0e9; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.form-row > .col, +.form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #386A20; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(56, 106, 32, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #386A20; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23386A20' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #386A20; + box-shadow: 0 0 0 0.2rem rgba(56, 106, 32, 0.25); +} +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #386A20; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23386A20' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #386A20; + box-shadow: 0 0 0 0.2rem rgba(56, 106, 32, 0.25); +} +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #386A20; +} +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #386A20; +} +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #386A20; +} +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #4d912c; + background-color: #4d912c; +} +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(56, 106, 32, 0.25); +} +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #386A20; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #386A20; +} +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #386A20; + box-shadow: 0 0 0 0.2rem rgba(56, 106, 32, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #b3261e; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(179, 38, 30, 0.9); + border-radius: var(--rz-border-radius); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #b3261e; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b3261e' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23b3261e' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #b3261e; + box-shadow: 0 0 0 0.2rem rgba(179, 38, 30, 0.25); +} +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #b3261e; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b3261e' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23b3261e' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #b3261e; + box-shadow: 0 0 0 0.2rem rgba(179, 38, 30, 0.25); +} +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #b3261e; +} +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #b3261e; +} +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #b3261e; +} +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #db3229; + background-color: #db3229; +} +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(179, 38, 30, 0.25); +} +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #b3261e; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #b3261e; +} +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #b3261e; + box-shadow: 0 0 0 0.2rem rgba(179, 38, 30, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +.form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 0.6875rem; + font-weight: 500; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--rz-border-radius); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #212529; + background-color: #94c1ff; +} +a.badge-primary:hover, a.badge-primary:focus { + color: #212529; + background-color: #61a3ff; +} +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(148, 193, 255, 0.5); +} + +.badge-secondary { + color: #212529; + background-color: #c2cbdc; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #212529; + background-color: #a2afc9; +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(194, 203, 220, 0.5); +} + +.badge-success { + color: #fff; + background-color: #386A20; +} +a.badge-success:hover, a.badge-success:focus { + color: #fff; + background-color: #234314; +} +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(56, 106, 32, 0.5); +} + +.badge-info { + color: #fff; + background-color: #085786; +} +a.badge-info:hover, a.badge-info:focus { + color: #fff; + background-color: #053856; +} +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(8, 87, 134, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #e8e971; +} +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #e1e245; +} +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(232, 233, 113, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #b3261e; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #871d17; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(179, 38, 30, 0.5); +} + +.badge-light { + color: #fff; + background-color: #8f9399; +} +a.badge-light:hover, a.badge-light:focus { + color: #fff; + background-color: #757a80; +} +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(143, 147, 153, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: calc(var(--rz-border-radius) * 3); +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #4d6485; + background-color: #eaf3ff; + border-color: #e1eeff; +} +.alert-primary hr { + border-top-color: #c8e0ff; +} +.alert-primary .alert-link { + color: #3a4c65; +} + +.alert-secondary { + color: #656